:root{
  --p-bg:#050a08;
  --p-panel:#09130e;
  --p-panel-2:#0c1913;
  --p-line:rgba(92,240,170,.15);
  --p-accent:#5cf0aa;
  --p-accent-2:#69e8dd;
  --p-text:#effaf4;
  --p-muted:#8ca397;
  --p-danger:#ff748b;
  --p-shadow:0 28px 90px rgba(0,0,0,.48);
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{
  color:var(--p-text);
  background:
    radial-gradient(circle at 10% 4%,color-mix(in srgb,var(--p-accent) 10%,transparent),transparent 26%),
    linear-gradient(180deg,#050a08,#06100c 55%,#030705);
  font-family:Inter,Segoe UI,Arial,sans-serif;
}
button,input,textarea,select{font:inherit}
a{color:inherit}
body.profile-theme-valkyrie{
  --p-accent:#5bc8ff;
  --p-accent-2:#6affd7;
  --p-line:rgba(91,200,255,.16);
  --p-panel:#07111c;
  --p-panel-2:#091725;
}
body.profile-theme-tercetri{
  --p-accent:#5ee8c8;
  --p-accent-2:#d9ba77;
  --p-line:rgba(217,186,119,.17);
  --p-panel:#09150f;
  --p-panel-2:#0e1c14;
}
body.profile-theme-observer{
  --p-accent:#ff7089;
  --p-accent-2:#73e5df;
  --p-line:rgba(255,112,137,.17);
  --p-panel:#15090c;
  --p-panel-2:#1b0b10;
}
.profile-topbar{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  position:relative;
  z-index:10;
  padding:0 clamp(18px,5vw,72px);
  border-bottom:1px solid var(--p-line);
  background:rgba(3,9,6,.9);
  backdrop-filter:blur(18px);
}
.profile-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}
.profile-brand img{width:44px;height:44px}
.profile-brand strong{display:block;font-size:14px}
.profile-brand small{
  display:block;
  margin-top:4px;
  color:var(--p-accent);
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.profile-topbar nav{
  display:flex;
  align-items:center;
  gap:9px;
}
.profile-topbar nav a{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:0 13px;
  border:1px solid var(--p-line);
  border-radius:11px;
  color:#a8bbb1;
  background:rgba(255,255,255,.018);
  font-size:9px;
  font-weight:900;
  letter-spacing:.06em;
  text-decoration:none;
  text-transform:uppercase;
}
.profile-topbar nav a:hover{
  color:#06100c;
  border-color:transparent;
  background:linear-gradient(100deg,var(--p-accent),var(--p-accent-2));
}
.profile-editor-shell,
.public-profile-content{
  width:min(1400px,calc(100% - 32px));
  margin:0 auto;
}
.profile-editor-shell{padding:62px 0 90px}
.profile-editor-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:28px;
}
.profile-editor-heading small,
.public-section-heading small,
.profile-stats-panel>small,
.profile-identity-panel>small{
  color:var(--p-accent);
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.profile-editor-heading h1{
  margin:9px 0 12px;
  font-size:clamp(42px,6vw,78px);
  line-height:.92;
  letter-spacing:-.065em;
}
.profile-editor-heading p{
  max-width:700px;
  margin:0;
  color:var(--p-muted);
  font-size:14px;
  line-height:1.75;
}
.profile-save-state{
  padding:10px 13px;
  border:1px solid var(--p-line);
  border-radius:999px;
  color:var(--p-muted);
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
}
.profile-editor-grid{
  display:grid;
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);
  align-items:start;
  gap:20px;
}
.profile-preview-card{
  position:sticky;
  top:98px;
  overflow:hidden;
  border:1px solid var(--p-line);
  border-radius:26px;
  background:var(--p-panel);
  box-shadow:var(--p-shadow);
}
.profile-preview-banner,
.public-profile-banner{
  min-height:210px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 70% 30%,color-mix(in srgb,var(--p-accent) 26%,transparent),transparent 22%),
    linear-gradient(130deg,color-mix(in srgb,var(--p-accent) 14%,transparent),transparent 48%),
    #08150f;
  background-position:center;
  background-size:cover;
}
.profile-preview-scan{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:38px 38px;
}
.profile-preview-body{
  position:relative;
  padding:0 27px 30px;
}
.profile-preview-avatar,
.public-profile-avatar{
  width:116px;
  height:116px;
  display:grid;
  place-items:center;
  overflow:hidden;
  position:relative;
  border:6px solid var(--p-panel);
  border-radius:28px;
  color:#04100a;
  background:linear-gradient(135deg,var(--p-accent),var(--p-accent-2));
  box-shadow:0 18px 45px rgba(0,0,0,.4);
  font-size:34px;
  font-weight:900;
}
.profile-preview-avatar{
  margin-top:-58px;
}
.profile-preview-avatar img,
.public-profile-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.profile-preview-identity{margin-top:18px}
.profile-role-badge{
  display:inline-flex;
  min-height:25px;
  align-items:center;
  padding:0 9px;
  border:1px solid color-mix(in srgb,var(--p-accent) 28%,transparent);
  border-radius:999px;
  color:var(--p-accent);
  background:color-mix(in srgb,var(--p-accent) 7%,transparent);
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.profile-preview-identity h2,
.public-profile-main-info h1{
  margin:11px 0 3px;
  font-size:34px;
  line-height:1;
  letter-spacing:-.045em;
}
.profile-preview-identity small,
.public-profile-main-info small{
  color:#71887c;
  font-size:11px;
}
.profile-preview-body>p{
  min-height:72px;
  margin:22px 0;
  color:#b4c7bd;
  font-size:13px;
  line-height:1.7;
  white-space:pre-wrap;
}
.profile-preview-meta{
  display:grid;
  gap:8px;
  color:#748b7f;
  font-size:10px;
}
.profile-editor-form{
  display:grid;
  gap:17px;
}
.profile-form-section{
  padding:25px;
  border:1px solid var(--p-line);
  border-radius:22px;
  background:var(--p-panel);
  box-shadow:0 22px 65px rgba(0,0,0,.25);
}
.profile-form-section>header{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:22px;
}
.profile-form-section>header>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 38px;
  border:1px solid var(--p-line);
  border-radius:12px;
  color:var(--p-accent);
  background:color-mix(in srgb,var(--p-accent) 5%,transparent);
  font-size:10px;
  font-weight:900;
}
.profile-form-section h2{
  margin:0 0 5px;
  font-size:19px;
}
.profile-form-section header p{
  margin:0;
  color:var(--p-muted);
  font-size:10px;
  line-height:1.5;
}
.profile-upload-grid,
.profile-field-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
}
.profile-upload{
  min-height:150px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:7px;
  padding:18px;
  border:1px dashed color-mix(in srgb,var(--p-accent) 27%,transparent);
  border-radius:16px;
  background:rgba(255,255,255,.012);
}
.profile-upload>span,
.profile-editor-form label>span{
  color:#c7d8cf;
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
}
.profile-upload>small{
  color:#71877b;
  font-size:9px;
}
.profile-upload input{display:none}
.profile-upload button{
  min-height:35px;
  margin-top:5px;
  border:1px solid var(--p-line);
  border-radius:9px;
  padding:0 11px;
  color:#b9cbc1;
  background:rgba(255,255,255,.02);
  cursor:pointer;
  font-size:9px;
}
.profile-upload button:hover{
  color:var(--p-accent);
  border-color:color-mix(in srgb,var(--p-accent) 35%,transparent);
}
.profile-upload .profile-remove-image{
  margin-top:0;
  color:#9b777e;
}
.profile-field-grid label,
.profile-bio-field,
.profile-visibility{
  display:grid;
  gap:7px;
}
.profile-field-grid input,
.profile-bio-field textarea,
.profile-visibility select{
  width:100%;
  border:1px solid var(--p-line);
  border-radius:11px;
  outline:0;
  padding:0 13px;
  color:var(--p-text);
  background:rgba(0,0,0,.22);
  transition:.22s ease;
}
.profile-field-grid input,
.profile-visibility select{min-height:48px}
.profile-bio-field{margin-top:13px}
.profile-bio-field textarea{
  min-height:140px;
  padding-top:13px;
  resize:vertical;
  line-height:1.6;
}
.profile-field-grid input:focus,
.profile-bio-field textarea:focus,
.profile-visibility select:focus{
  border-color:color-mix(in srgb,var(--p-accent) 50%,transparent);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--p-accent) 6%,transparent);
}
.profile-bio-field>small{
  justify-self:end;
  color:#687e72;
  font-size:9px;
}
.profile-theme-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.profile-theme-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.profile-theme-option>span{
  min-height:74px;
  display:grid;
  grid-template-columns:29px minmax(0,1fr);
  align-items:center;
  column-gap:10px;
  padding:12px;
  border:1px solid var(--p-line);
  border-radius:13px;
  background:rgba(255,255,255,.012);
  cursor:pointer;
}
.profile-theme-option i{
  width:29px;
  height:29px;
  grid-row:1/3;
  border-radius:10px;
  background:linear-gradient(135deg,var(--theme-a),var(--theme-b));
}
.profile-theme-option strong{font-size:10px}
.profile-theme-option small{
  color:#70867a;
  font-size:8px;
}
.profile-theme-option input:checked+span{
  border-color:var(--theme-a);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-a) 7%,transparent);
}
.theme-saturn{--theme-a:#5cf0aa;--theme-b:#69e8dd}
.theme-valkyrie{--theme-a:#5bc8ff;--theme-b:#6affd7}
.theme-tercetri{--theme-a:#5ee8c8;--theme-b:#d9ba77}
.theme-observer{--theme-a:#ff7089;--theme-b:#73e5df}
.profile-visibility{margin-top:14px}
.profile-feedback{
  min-height:20px;
  margin:0;
  color:var(--p-danger);
  font-size:11px;
  line-height:1.5;
}
.profile-save-button{
  min-height:54px;
  border:0;
  border-radius:14px;
  color:#04100a;
  background:linear-gradient(100deg,var(--p-accent),var(--p-accent-2));
  box-shadow:0 16px 38px color-mix(in srgb,var(--p-accent) 14%,transparent);
  cursor:pointer;
  font-size:10px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.profile-save-button:disabled{opacity:.52;cursor:wait}

/* PERFIL PÚBLICO */
.public-profile-content{padding:38px 0 90px}
.public-profile-hero{
  overflow:hidden;
  border:1px solid var(--p-line);
  border-radius:28px;
  background:var(--p-panel);
  box-shadow:var(--p-shadow);
}
.public-profile-banner{min-height:360px}
.public-profile-hero-body{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:23px;
  position:relative;
  padding:0 38px 37px;
}
.public-profile-avatar{
  width:150px;
  height:150px;
  margin-top:-75px;
  border-width:8px;
  border-color:var(--p-panel);
  border-radius:37px;
}
.public-profile-main-info{padding-top:25px}
.public-profile-name-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
.public-profile-main-info h1{
  font-size:clamp(38px,5vw,65px);
}
.public-profile-main-info>p{
  max-width:850px;
  margin:21px 0;
  color:#b7cabf;
  font-size:14px;
  line-height:1.75;
  white-space:pre-wrap;
}
.public-profile-website{
  min-height:41px;
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  border:1px solid var(--p-line);
  border-radius:11px;
  color:var(--p-accent);
  background:color-mix(in srgb,var(--p-accent) 5%,transparent);
  font-size:9px;
  font-weight:900;
  text-decoration:none;
  text-transform:uppercase;
}
.public-profile-details{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.public-profile-details span{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 11px;
  border:1px solid var(--p-line);
  border-radius:999px;
  color:#82998d;
  background:rgba(255,255,255,.014);
  font-size:9px;
}
.public-profile-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  align-items:start;
  gap:18px;
  margin-top:19px;
}
.public-profile-column,
.public-profile-sidebar{
  display:grid;
  gap:18px;
}
.public-section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  padding:17px 3px 0;
}
.public-section-heading h2{
  margin:6px 0 0;
  font-size:29px;
  letter-spacing:-.035em;
}
.public-section-heading>b{
  color:var(--p-accent);
  font-size:29px;
}
.achievement-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}
.achievement-card{
  min-height:175px;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  padding:18px;
  border:1px solid var(--p-line);
  border-radius:17px;
  background:
    radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--p-accent) 9%,transparent),transparent 26%),
    var(--p-panel);
}
.achievement-card::after{
  content:"";
  width:95px;
  height:95px;
  position:absolute;
  right:-37px;
  bottom:-37px;
  border:1px solid color-mix(in srgb,var(--p-accent) 12%,transparent);
  border-radius:50%;
}
.achievement-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin-bottom:auto;
  border:1px solid color-mix(in srgb,var(--p-accent) 27%,transparent);
  border-radius:14px;
  color:var(--p-accent);
  background:color-mix(in srgb,var(--p-accent) 6%,transparent);
  font-size:14px;
  font-weight:900;
}
.achievement-card strong{
  margin-top:20px;
  font-size:12px;
}
.achievement-card p{
  margin:7px 0 0;
  color:#7f968a;
  font-size:9px;
  line-height:1.55;
}
.activity-heading{margin-top:15px}
.profile-activity-list{
  overflow:hidden;
  border:1px solid var(--p-line);
  border-radius:18px;
  background:var(--p-panel);
}
.profile-activity{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-top:1px solid rgba(255,255,255,.045);
}
.profile-activity:first-child{border-top:0}
.profile-activity-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:var(--p-accent);
  background:color-mix(in srgb,var(--p-accent) 6%,transparent);
}
.profile-activity strong{
  display:block;
  font-size:11px;
}
.profile-activity p{
  margin:5px 0 0;
  overflow:hidden;
  color:#7b9185;
  font-size:9px;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile-activity time{
  color:#657b70;
  font-size:8px;
}
.profile-stats-panel,
.profile-identity-panel{
  padding:20px;
  border:1px solid var(--p-line);
  border-radius:18px;
  background:var(--p-panel);
}
.profile-stats-panel>div{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:14px;
}
.profile-stats-panel article{
  min-height:100px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:13px;
  border:1px solid var(--p-line);
  border-radius:13px;
  background:rgba(255,255,255,.012);
}
.profile-stats-panel strong{
  color:var(--p-accent);
  font-size:28px;
}
.profile-stats-panel article span{
  margin-top:4px;
  color:#748b7f;
  font-size:8px;
  line-height:1.4;
  text-transform:uppercase;
}
.profile-identity-panel strong{
  display:block;
  margin-top:12px;
  font-size:22px;
}
.profile-identity-panel p{
  margin:9px 0 0;
  color:#80968a;
  font-size:10px;
  line-height:1.65;
}
.public-profile-loading,
.public-profile-error{
  min-height:calc(100vh - 78px);
  display:grid;
  place-content:center;
  justify-items:center;
  padding:25px;
  text-align:center;
}
.public-profile-loading>span{
  width:55px;
  height:55px;
  border:3px solid var(--p-line);
  border-top-color:var(--p-accent);
  border-radius:50%;
  animation:profileSpin .9s linear infinite;
}
.public-profile-loading h1,
.public-profile-error h1{
  margin:20px 0 9px;
  font-size:32px;
}
.public-profile-error p{
  max-width:520px;
  margin:0 0 18px;
  color:var(--p-muted);
}
.public-profile-error a{
  color:var(--p-accent);
}
.profile-empty{
  padding:28px;
  color:var(--p-muted);
  font-size:11px;
  text-align:center;
}
@keyframes profileSpin{to{transform:rotate(360deg)}}
@media(max-width:1050px){
  .profile-editor-grid{grid-template-columns:1fr}
  .profile-preview-card{position:relative;top:auto}
  .public-profile-layout{grid-template-columns:1fr}
  .public-profile-sidebar{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .profile-topbar{min-height:68px;padding:0 13px}
  .profile-topbar nav a:first-child{display:none}
  .profile-editor-shell,
  .public-profile-content{width:min(100% - 20px,1400px)}
  .profile-editor-shell{padding-top:38px}
  .profile-editor-heading{
    align-items:flex-start;
    flex-direction:column;
  }
  .profile-upload-grid,
  .profile-field-grid,
  .profile-theme-grid{grid-template-columns:1fr}
  .public-profile-banner{min-height:245px}
  .public-profile-hero-body{
    grid-template-columns:1fr;
    padding:0 20px 28px;
  }
  .public-profile-avatar{
    width:118px;
    height:118px;
    margin-top:-59px;
  }
  .public-profile-main-info{padding-top:0}
  .public-profile-name-row{
    align-items:flex-start;
    flex-direction:column;
  }
  .achievement-grid{grid-template-columns:1fr 1fr}
  .public-profile-sidebar{grid-template-columns:1fr}
}
@media(max-width:480px){
  .profile-brand strong{font-size:11px}
  .profile-topbar nav a{padding:0 9px;font-size:8px}
  .profile-form-section{padding:19px 15px}
  .achievement-grid{grid-template-columns:1fr}
  .profile-stats-panel>div{grid-template-columns:1fr 1fr}
}


/* HOTFIX 9.5.2 — estados exclusivos do perfil público */
.public-profile-loading[hidden],
.public-profile-content[hidden],
.public-profile-error[hidden],
[data-edit-profile][hidden],
[data-public-website][hidden]{
  display:none !important;
}


/* ETAPA 9.6 — PREFERÊNCIAS SOCIAIS */
.profile-social-settings{
  display:grid;
  gap:14px;
}
.profile-toggle-row{
  min-height:72px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 46px;
  align-items:center;
  gap:15px;
  position:relative;
  padding:14px;
  border:1px solid var(--p-line);
  border-radius:13px;
  background:rgba(255,255,255,.012);
}
.profile-toggle-row>span{display:block}
.profile-toggle-row strong{
  display:block;
  color:#c7d8cf;
  font-size:10px;
}
.profile-toggle-row small{
  display:block;
  margin-top:5px;
  color:#71877b;
  font-size:9px;
  line-height:1.5;
}
.profile-toggle-row input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.profile-toggle-row i{
  width:46px;
  height:26px;
  position:relative;
  border:1px solid var(--p-line);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  cursor:pointer;
}
.profile-toggle-row i::after{
  content:"";
  width:18px;
  height:18px;
  position:absolute;
  left:3px;
  top:3px;
  border-radius:50%;
  background:#6d8176;
  transition:.22s ease;
}
.profile-toggle-row input:checked+i{
  border-color:color-mix(in srgb,var(--p-accent) 45%,transparent);
  background:color-mix(in srgb,var(--p-accent) 12%,transparent);
}
.profile-toggle-row input:checked+i::after{
  transform:translateX(20px);
  background:var(--p-accent);
  box-shadow:0 0 14px color-mix(in srgb,var(--p-accent) 35%,transparent);
}


/* ETAPA 9.6 — AÇÕES SOCIAIS NO PERFIL */
.public-profile-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.public-profile-actions>button,
.public-profile-more>summary{
  min-height:41px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--p-line);
  border-radius:11px;
  padding:0 14px;
  color:#b6c8be;
  background:rgba(255,255,255,.018);
  cursor:pointer;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}
.public-profile-actions>button:hover,
.public-profile-actions>button.active,
.public-profile-more>summary:hover{
  color:#06100c;
  border-color:transparent;
  background:linear-gradient(100deg,var(--p-accent),var(--p-accent-2));
}
.public-profile-actions>button:disabled{
  color:var(--p-accent);
  border-color:color-mix(in srgb,var(--p-accent) 30%,transparent);
  background:color-mix(in srgb,var(--p-accent) 6%,transparent);
  cursor:default;
}
.public-profile-more{position:relative}
.public-profile-more>summary{
  width:44px;
  padding:0;
  list-style:none;
}
.public-profile-more>summary::-webkit-details-marker{display:none}
.public-profile-more>div{
  min-width:190px;
  display:grid;
  gap:5px;
  position:absolute;
  z-index:30;
  right:0;
  top:49px;
  padding:8px;
  border:1px solid var(--p-line);
  border-radius:12px;
  background:var(--p-panel-2);
  box-shadow:var(--p-shadow);
}
.public-profile-more button{
  min-height:37px;
  border:0;
  border-radius:8px;
  padding:0 10px;
  color:#b4c7bd;
  background:transparent;
  cursor:pointer;
  font-size:9px;
  text-align:left;
}
.public-profile-more button:hover{
  color:var(--p-danger);
  background:rgba(255,116,139,.06);
}
.public-profile-more[hidden],
.public-profile-actions button[hidden]{
  display:none !important;
}


/* HOTFIX 9.6.1 — CLIQUES MAIS RESPONSIVOS */
.public-profile-actions>button,
.public-profile-more>summary,
.public-profile-more button,
.public-profile-website{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  transform:translateZ(0);
  transition:
    transform .16s cubic-bezier(.2,.8,.2,1),
    border-color .2s ease,
    background .2s ease,
    color .2s ease,
    box-shadow .2s ease,
    filter .2s ease;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
}
.public-profile-actions>button:not(:disabled):hover,
.public-profile-more>summary:hover,
.public-profile-more button:hover,
.public-profile-website:hover{
  transform:translateY(-2px);
  box-shadow:
    0 10px 24px color-mix(in srgb,var(--p-accent) 12%,transparent),
    inset 0 0 0 1px color-mix(in srgb,var(--p-accent) 8%,transparent);
}
.public-profile-actions>button:not(:disabled):active,
.public-profile-more>summary:active,
.public-profile-more button:active,
.public-profile-website:active,
.public-profile-actions>button.button-pressed,
.public-profile-more>summary.button-pressed{
  transform:translateY(1px) scale(.965);
  filter:brightness(1.12);
}
.profile-button-ripple{
  width:12px;
  height:12px;
  position:absolute;
  z-index:-1;
  border-radius:50%;
  pointer-events:none;
  background:rgba(255,255,255,.42);
  transform:translate(-50%,-50%) scale(0);
  animation:profileButtonRipple .52s ease-out forwards;
}
.public-profile-actions>button.is-loading,
.public-profile-more button.is-loading{
  color:transparent !important;
  pointer-events:none;
}
.public-profile-actions>button.is-loading::after,
.public-profile-more button.is-loading::after{
  content:"";
  width:15px;
  height:15px;
  position:absolute;
  left:50%;
  top:50%;
  border:2px solid color-mix(in srgb,var(--p-accent) 28%,transparent);
  border-top-color:var(--p-accent);
  border-radius:50%;
  transform:translate(-50%,-50%);
  animation:profileButtonSpin .65s linear infinite;
}
.public-profile-actions>button.is-success,
.public-profile-more button.is-success{
  color:#03100a !important;
  border-color:transparent !important;
  background:linear-gradient(100deg,var(--p-accent),var(--p-accent-2)) !important;
  box-shadow:
    0 0 0 5px color-mix(in srgb,var(--p-accent) 7%,transparent),
    0 13px 28px color-mix(in srgb,var(--p-accent) 18%,transparent) !important;
  animation:profileButtonSuccess .48s cubic-bezier(.2,.9,.25,1);
}
.public-profile-actions>button.is-error,
.public-profile-more button.is-error{
  color:#fff !important;
  border-color:rgba(255,116,139,.5) !important;
  background:rgba(255,116,139,.16) !important;
  animation:profileButtonError .34s ease;
}
@keyframes profileButtonRipple{
  0%{opacity:.75;transform:translate(-50%,-50%) scale(0)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(19)}
}
@keyframes profileButtonSpin{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes profileButtonSuccess{
  0%{transform:scale(.96)}
  55%{transform:scale(1.07)}
  100%{transform:scale(1)}
}
@keyframes profileButtonError{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-4px)}
  75%{transform:translateX(4px)}
}
@media(prefers-reduced-motion:reduce){
  .public-profile-actions>button,
  .public-profile-more>summary,
  .public-profile-more button,
  .public-profile-website{
    transition:none;
  }
  .profile-button-ripple{
    display:none;
  }
  .public-profile-actions>button.is-success,
  .public-profile-actions>button.is-error{
    animation:none;
  }
}


/* ETAPA 10.1 — NÍVEIS, REPUTAÇÃO E PERSONALIZAÇÃO */
.profile-preview-progression,
.public-profile-progression-inline{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin-top:10px;
}
.public-profile-progression-inline[hidden]{
  display:none;
}
.profile-preview-progression span,
.public-profile-progression-inline span{
  min-height:24px;
  display:inline-flex;
  align-items:center;
  border:1px solid color-mix(
    in srgb,
    var(--p-accent) 30%,
    transparent
  );
  border-radius:999px;
  padding:0 8px;
  color:#06100c;
  background:linear-gradient(
    100deg,
    var(--p-accent),
    var(--p-accent-2)
  );
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}
.profile-preview-progression strong,
.public-profile-progression-inline strong{
  min-height:24px;
  display:inline-flex;
  align-items:center;
  border:1px solid var(--p-line);
  border-radius:999px;
  padding:0 9px;
  color:var(--p-accent);
  background:color-mix(
    in srgb,
    var(--p-accent) 6%,
    transparent
  );
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}

/* Molduras de avatar */
.profile-preview-avatar,
.public-profile-avatar,
.reward-frame-preview{
  transition:
    box-shadow .3s ease,
    filter .3s ease,
    transform .3s ease;
}
.frame-none{
  --frame-a:transparent;
  --frame-b:transparent;
}
.frame-orbit{
  box-shadow:
    0 0 0 3px rgba(92,240,170,.28),
    0 0 0 7px rgba(92,240,170,.06),
    0 0 26px rgba(92,240,170,.36),
    0 18px 45px rgba(0,0,0,.4) !important;
}
.frame-neon{
  box-shadow:
    0 0 0 3px #5cf0aa,
    0 0 0 6px rgba(105,232,221,.28),
    0 0 30px rgba(105,232,221,.45),
    0 18px 45px rgba(0,0,0,.4) !important;
  animation:profileFrameNeon 2.4s ease-in-out infinite;
}
.frame-arcane{
  border-radius:50% 24% 50% 24% !important;
  box-shadow:
    0 0 0 3px #d9ba77,
    0 0 0 7px rgba(94,232,200,.12),
    0 0 28px rgba(217,186,119,.34),
    0 18px 45px rgba(0,0,0,.4) !important;
}
.frame-observer{
  box-shadow:
    -4px 0 0 1px rgba(255,112,137,.75),
    4px 0 0 1px rgba(115,229,223,.75),
    0 0 26px rgba(255,112,137,.3),
    0 18px 45px rgba(0,0,0,.4) !important;
  animation:profileFrameObserver 1.8s steps(2,end) infinite;
}
.frame-solar{
  box-shadow:
    0 0 0 3px #ffd276,
    0 0 0 8px rgba(255,210,118,.11),
    0 0 36px rgba(255,190,74,.5),
    0 18px 45px rgba(0,0,0,.4) !important;
  filter:saturate(1.12);
}
.frame-void{
  box-shadow:
    0 0 0 3px #8f70ff,
    0 0 0 7px rgba(111,82,209,.16),
    0 0 38px rgba(111,82,209,.52),
    inset 0 0 22px rgba(6,2,15,.72),
    0 18px 45px rgba(0,0,0,.4) !important;
  animation:profileFrameVoid 3s ease-in-out infinite;
}

/* Efeitos de nome */
.name-none{}
.name-glow{
  color:var(--p-accent) !important;
  text-shadow:
    0 0 12px color-mix(
      in srgb,
      var(--p-accent) 55%,
      transparent
    );
}
.name-pulse{
  color:var(--p-accent) !important;
  animation:profileNamePulse 1.9s ease-in-out infinite;
}
.name-hologram{
  color:#8ff5e9 !important;
  text-shadow:
    -2px 0 rgba(255,112,137,.42),
    2px 0 rgba(105,232,221,.48);
  opacity:.92;
}
.name-stellar,
.name-aurora{
  color:transparent !important;
  background:linear-gradient(
    90deg,
    var(--p-accent),
    #f5d58e,
    var(--p-accent-2),
    var(--p-accent)
  );
  background-size:220% 100%;
  background-clip:text;
  -webkit-background-clip:text;
  animation:profileNameGradient 4s linear infinite;
}
.name-glitch{
  color:#f5fbf7 !important;
  text-shadow:
    -2px 0 #ff7089,
    2px 0 #73e5df;
  animation:profileNameGlitch 2.2s steps(1,end) infinite;
}
.name-aurora{
  background-image:linear-gradient(
    90deg,
    #5cf0aa,
    #5bc8ff,
    #d889ff,
    #ffd276,
    #5cf0aa
  );
  filter:drop-shadow(0 0 10px rgba(115,229,223,.3));
}

/* Resumo do editor */
.progression-editor-section{
  overflow:hidden;
  background:
    radial-gradient(
      circle at 92% 5%,
      color-mix(
        in srgb,
        var(--p-accent) 10%,
        transparent
      ),
      transparent 28%
    ),
    var(--p-panel);
}
.progression-editor-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.progression-editor-summary article{
  min-height:108px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid var(--p-line);
  border-radius:14px;
  padding:14px;
  background:rgba(255,255,255,.012);
}
.progression-editor-summary small{
  color:#71877b;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}
.progression-editor-summary strong{
  margin-top:7px;
  color:var(--p-accent);
  font-size:24px;
  line-height:1;
}
.progression-editor-summary span{
  margin-top:7px;
  color:#81988c;
  font-size:8px;
  line-height:1.45;
}
.progression-editor-bar{
  display:grid;
  gap:8px;
  margin-top:13px;
  padding:13px;
  border:1px solid var(--p-line);
  border-radius:13px;
  background:rgba(0,0,0,.13);
}
.progression-editor-bar>span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.progression-editor-bar b{
  color:#b8cbc1;
  font-size:9px;
}
.progression-editor-bar small{
  color:var(--p-accent);
  font-size:8px;
}
.progression-editor-bar>i,
.profile-level-progress>i{
  height:8px;
  display:block;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.055);
}
.progression-editor-bar>i>b,
.profile-level-progress>i>b{
  height:100%;
  display:block;
  border-radius:inherit;
  background:linear-gradient(
    90deg,
    var(--p-accent),
    var(--p-accent-2)
  );
  box-shadow:0 0 15px color-mix(
    in srgb,
    var(--p-accent) 35%,
    transparent
  );
  transition:width .55s cubic-bezier(.2,.8,.2,1);
}
.progression-reward-section{
  display:grid;
  gap:10px;
  margin-top:20px;
}
.progression-reward-section>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.progression-reward-section>header strong{
  display:block;
  color:#c7d8cf;
  font-size:11px;
}
.progression-reward-section>header small{
  display:block;
  margin-top:4px;
  color:#71877b;
  font-size:8px;
}
.progression-reward-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.progression-reward-card{
  min-height:104px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:center;
  gap:10px;
  position:relative;
  overflow:hidden;
  border:1px solid var(--p-line);
  border-radius:14px;
  padding:11px;
  background:rgba(255,255,255,.012);
  cursor:pointer;
  transition:
    transform .16s ease,
    border-color .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}
.progression-reward-card:hover{
  transform:translateY(-2px);
  border-color:color-mix(
    in srgb,
    var(--p-accent) 35%,
    transparent
  );
}
.progression-reward-card:has(input:checked),
.progression-reward-card.selected{
  border-color:var(--p-accent);
  background:color-mix(
    in srgb,
    var(--p-accent) 7%,
    transparent
  );
  box-shadow:
    0 0 0 3px color-mix(
      in srgb,
      var(--p-accent) 5%,
      transparent
    );
}
.progression-reward-card.locked{
  cursor:not-allowed;
  opacity:.52;
  filter:saturate(.55);
}
.progression-reward-card.locked:hover{
  transform:none;
  border-color:var(--p-line);
}
.progression-reward-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.progression-reward-card>span:nth-of-type(2) strong{
  display:block;
  color:#c5d7ce;
  font-size:10px;
}
.progression-reward-card>span:nth-of-type(2) small{
  display:block;
  margin-top:5px;
  color:#71877b;
  font-size:8px;
  line-height:1.45;
}
.progression-reward-card>b{
  position:absolute;
  right:8px;
  top:8px;
  border-radius:999px;
  padding:4px 6px;
  color:var(--p-accent);
  background:color-mix(
    in srgb,
    var(--p-accent) 7%,
    #07100c
  );
  font-size:6px;
  text-transform:uppercase;
}
.reward-frame-preview{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:3px solid var(--p-panel);
  border-radius:14px;
  color:#06100c;
  background:linear-gradient(
    135deg,
    var(--p-accent),
    var(--p-accent-2)
  );
  font-size:16px;
}
.reward-title-preview{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid var(--p-line);
  border-radius:12px;
  color:var(--p-accent);
  background:color-mix(
    in srgb,
    var(--p-accent) 5%,
    transparent
  );
  font-size:6px;
  font-weight:900;
  line-height:1.2;
  text-align:center;
  text-transform:uppercase;
}
.reward-name-preview{
  width:52px;
  overflow:hidden;
  font-size:8px;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile-theme-option{
  position:relative;
}
.profile-theme-option.locked{
  opacity:.52;
  cursor:not-allowed;
  filter:saturate(.55);
}
.profile-theme-level{
  position:absolute;
  right:8px;
  top:8px;
  border-radius:999px;
  padding:4px 6px;
  color:var(--p-accent);
  background:rgba(3,10,7,.78);
  font-size:6px;
  text-transform:uppercase;
}
.progression-badge-toggle{
  margin-top:18px;
}

/* Painel público */
.profile-progression-panel{
  display:grid;
  gap:14px;
  padding:18px;
  border:1px solid var(--p-line);
  border-radius:18px;
  background:
    radial-gradient(
      circle at 90% 10%,
      color-mix(
        in srgb,
        var(--p-accent) 10%,
        transparent
      ),
      transparent 34%
    ),
    var(--p-panel);
}
.profile-progression-panel>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.profile-progression-panel>header small{
  display:block;
  color:var(--p-accent);
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}
.profile-progression-panel>header strong{
  display:block;
  margin-top:5px;
  color:#c8d9d0;
  font-size:15px;
}
.profile-progression-panel>header strong b{
  color:var(--p-accent);
}
.profile-progression-panel>header>i{
  border:1px solid var(--p-line);
  border-radius:999px;
  padding:6px 8px;
  color:#879d91;
  background:rgba(255,255,255,.015);
  font-size:7px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
}
.profile-level-progress{
  display:grid;
  gap:8px;
}
.profile-level-progress>span{
  display:grid;
  gap:3px;
}
.profile-level-progress>span b{
  color:#b8cbc1;
  font-size:9px;
}
.profile-level-progress>span small{
  color:#71877b;
  font-size:7px;
}
.profile-reputation-score{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid var(--p-line);
  padding-top:12px;
}
.profile-reputation-score span{
  color:#71877b;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}
.profile-reputation-score strong{
  color:var(--p-accent);
  font-size:22px;
}

/* Faixas de reputação */
.reputation-recognized{color:#5cf0aa !important}
.reputation-respected{color:#69e8dd !important}
.reputation-influential{color:#d9ba77 !important}
.reputation-reference{color:#d889ff !important}
.reputation-icon{
  color:#ffd276 !important;
  box-shadow:0 0 15px rgba(255,210,118,.12);
}

/* Animações */
@keyframes profileFrameNeon{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.16)}
}
@keyframes profileFrameObserver{
  0%,92%,100%{transform:translateX(0)}
  94%{transform:translateX(-1px)}
  96%{transform:translateX(1px)}
}
@keyframes profileFrameVoid{
  0%,100%{filter:hue-rotate(0deg)}
  50%{filter:hue-rotate(28deg)}
}
@keyframes profileNamePulse{
  0%,100%{
    text-shadow:0 0 4px transparent;
  }
  50%{
    text-shadow:
      0 0 15px color-mix(
        in srgb,
        var(--p-accent) 65%,
        transparent
      );
  }
}
@keyframes profileNameGradient{
  to{background-position:220% 0}
}
@keyframes profileNameGlitch{
  0%,89%,100%{transform:translateX(0)}
  90%{transform:translateX(-1px)}
  92%{transform:translateX(1px)}
  94%{transform:translateX(0)}
}
@media(max-width:760px){
  .progression-editor-summary{
    grid-template-columns:1fr;
  }
  .progression-reward-grid{
    grid-template-columns:1fr;
  }
}
@media(prefers-reduced-motion:reduce){
  .frame-neon,
  .frame-observer,
  .frame-void,
  .name-pulse,
  .name-stellar,
  .name-glitch,
  .name-aurora{
    animation:none;
  }
}


/* HOTFIX 10.1.1 — EMOJIS NOS TÍTULOS */
.reward-title-preview{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid color-mix(
    in srgb,
    var(--p-accent) 22%,
    transparent
  );
  border-radius:15px;
  color:initial;
  background:
    radial-gradient(
      circle at 35% 25%,
      rgba(255,255,255,.08),
      transparent 38%
    ),
    color-mix(
      in srgb,
      var(--p-accent) 6%,
      rgba(0,0,0,.18)
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 20px rgba(0,0,0,.16);
  font-family:
    "Segoe UI Emoji",
    "Apple Color Emoji",
    "Noto Color Emoji",
    sans-serif;
  font-size:24px;
  font-weight:400;
  line-height:1;
  text-align:center;
  text-transform:none;
  transition:
    transform .18s ease,
    border-color .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}
.progression-reward-card:hover
.reward-title-preview{
  transform:translateY(-1px) scale(1.06);
  border-color:color-mix(
    in srgb,
    var(--p-accent) 45%,
    transparent
  );
  background:
    radial-gradient(
      circle at 35% 25%,
      rgba(255,255,255,.12),
      transparent 40%
    ),
    color-mix(
      in srgb,
      var(--p-accent) 10%,
      rgba(0,0,0,.16)
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 24px color-mix(
      in srgb,
      var(--p-accent) 11%,
      rgba(0,0,0,.18)
    );
}
.progression-reward-card.locked
.reward-title-preview{
  filter:grayscale(.7);
  opacity:.62;
}
@media(prefers-reduced-motion:reduce){
  .reward-title-preview{
    transition:none;
  }
}


/* ================================================================
   ETAPA 10.4 — IDENTIDADE EXCLUSIVA DO FUNDADOR
================================================================ */

body.site-owner-profile{
  --p-bg:#020705;
  --p-panel:rgba(5,17,11,.96);
  --p-panel-2:rgba(8,27,18,.93);
  --p-line:rgba(230,190,104,.24);
  --p-accent:#63f0ad;
  --p-accent-2:#e5bf72;
  --p-text:#f3fff8;
  --p-muted:#9cb5a7;
  background:
    radial-gradient(
      circle at 50% -10%,
      rgba(229,191,114,.13),
      transparent 35%
    ),
    radial-gradient(
      circle at 12% 20%,
      rgba(99,240,173,.09),
      transparent 28%
    ),
    #020705;
}

.profile-theme-option.theme-founder>span{
  background:
    radial-gradient(
      circle at 50% 30%,
      rgba(229,191,114,.18),
      transparent 48%
    ),
    linear-gradient(
      135deg,
      #04110a,
      #102a19 58%,
      #2b2110
    );
}

.profile-theme-option.theme-founder i{
  background:
    linear-gradient(
      135deg,
      #63f0ad,
      #e5bf72
    );
  box-shadow:
    0 0 18px rgba(229,191,114,.38);
}

.site-owner-profile .public-profile-hero{
  border-color:rgba(229,191,114,.34);
  box-shadow:
    0 0 0 1px rgba(99,240,173,.08),
    0 38px 120px rgba(0,0,0,.52),
    0 0 70px rgba(229,191,114,.07);
}

.site-owner-profile .public-profile-banner::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(
      circle at 76% 20%,
      rgba(229,191,114,.18),
      transparent 24%
    ),
    linear-gradient(
      180deg,
      transparent 40%,
      rgba(1,7,4,.82)
    );
}

.site-owner-seal{
  min-height:27px;
  display:inline-flex;
  align-items:center;
  margin-left:7px;
  border:1px solid rgba(229,191,114,.35);
  border-radius:999px;
  padding:0 10px;
  color:#f4d994;
  background:
    linear-gradient(
      100deg,
      rgba(229,191,114,.11),
      rgba(99,240,173,.06)
    );
  box-shadow:
    inset 0 0 18px rgba(229,191,114,.06),
    0 0 16px rgba(229,191,114,.08);
  font-size:7px;
  font-weight:950;
  letter-spacing:.11em;
}

.site-owner-seal[hidden],
.site-owner-panel[hidden]{
  display:none !important;
}

.public-profile-avatar.frame-founder,
.profile-preview-avatar.frame-founder,
.reward-frame-preview.frame-founder{
  position:relative;
  padding:5px;
  border:0;
  background:
    conic-gradient(
      from 0deg,
      #63f0ad,
      #e5bf72,
      #fff0bc,
      #4acb92,
      #63f0ad
    );
  box-shadow:
    0 0 0 2px rgba(2,8,5,.95),
    0 0 0 4px rgba(229,191,114,.22),
    0 0 28px rgba(99,240,173,.28),
    0 0 46px rgba(229,191,114,.16);
  animation:
    founderFrameOrbit
    6s linear infinite;
}

.public-profile-avatar.frame-founder::before,
.profile-preview-avatar.frame-founder::before{
  content:"♄";
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  position:absolute;
  z-index:4;
  right:-9px;
  top:-9px;
  border:2px solid #07110b;
  border-radius:50%;
  color:#171007;
  background:
    linear-gradient(
      135deg,
      #fff2bd,
      #d7a94e
    );
  box-shadow:
    0 0 18px rgba(229,191,114,.5);
  font-size:15px;
  font-weight:950;
}

.public-profile-avatar.frame-founder img,
.profile-preview-avatar.frame-founder img{
  border:3px solid #07110b;
  border-radius:inherit;
}

.name-founder{
  color:transparent !important;
  background:
    linear-gradient(
      90deg,
      #63f0ad,
      #fff0bd,
      #e5bf72,
      #63f0ad
    );
  background-size:220% 100%;
  background-clip:text;
  -webkit-background-clip:text;
  text-shadow:
    0 0 18px rgba(99,240,173,.14);
  animation:
    founderNameFlow
    4.4s linear infinite;
}

.site-owner-panel{
  overflow:hidden;
  position:relative;
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:17px;
  border:1px solid rgba(229,191,114,.3);
  border-radius:20px;
  padding:20px;
  background:
    radial-gradient(
      circle at 14% 20%,
      rgba(99,240,173,.13),
      transparent 36%
    ),
    linear-gradient(
      135deg,
      rgba(5,19,12,.97),
      rgba(27,22,10,.92)
    );
  box-shadow:
    0 25px 70px rgba(0,0,0,.34),
    inset 0 0 40px rgba(229,191,114,.025);
}

.site-owner-panel::after{
  content:"PROPRIETÁRIO";
  position:absolute;
  right:-20px;
  bottom:17px;
  color:rgba(229,191,114,.035);
  font-size:34px;
  font-weight:950;
  letter-spacing:.08em;
  transform:rotate(-8deg);
}

.site-owner-crest{
  width:78px;
  height:78px;
  display:grid;
  place-items:center;
  position:relative;
  border:1px solid rgba(229,191,114,.32);
  border-radius:50%;
  background:
    radial-gradient(
      circle,
      rgba(99,240,173,.28),
      rgba(4,16,10,.95) 60%
    );
  box-shadow:
    0 0 0 5px rgba(99,240,173,.035),
    0 0 26px rgba(229,191,114,.14);
}

.site-owner-crest span{
  position:relative;
  z-index:3;
  color:#f5dc98;
  font-size:31px;
  text-shadow:
    0 0 17px rgba(229,191,114,.48);
}

.site-owner-crest i,
.site-owner-crest b{
  position:absolute;
  border:1px solid rgba(99,240,173,.4);
  border-radius:50%;
  animation:
    founderCrestOrbit
    7s linear infinite;
}

.site-owner-crest i{
  width:63px;
  height:25px;
  transform:rotate(-18deg);
}

.site-owner-crest b{
  width:25px;
  height:63px;
  border-color:rgba(229,191,114,.34);
  animation-direction:reverse;
}

.site-owner-panel small{
  color:#63f0ad;
  font-size:7px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.site-owner-panel strong{
  display:block;
  margin-top:6px;
  color:#fff1be;
  font-size:18px;
}

.site-owner-panel p{
  margin:8px 0 12px;
  color:#a7bbae;
  font-size:10px;
  line-height:1.65;
}

.site-owner-panel ul{
  display:grid;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
}

.site-owner-panel li{
  color:#d6e7de;
  font-size:8px;
}

.site-owner-panel li::before{
  content:"✦";
  margin-right:7px;
  color:#e5bf72;
}

@keyframes founderFrameOrbit{
  to{filter:hue-rotate(16deg)}
}

@keyframes founderNameFlow{
  to{background-position:220% 0}
}

@keyframes founderCrestOrbit{
  to{transform:rotate(342deg)}
}

@media(max-width:650px){
  .site-owner-panel{
    grid-template-columns:1fr;
  }

  .site-owner-seal{
    margin:
      7px 0 0;
  }
}

@media(prefers-reduced-motion:reduce){
  .public-profile-avatar.frame-founder,
  .profile-preview-avatar.frame-founder,
  .name-founder,
  .site-owner-crest i,
  .site-owner-crest b{
    animation:none;
  }
}

/* ETAPA 11 — temas reposicionados para o estúdio multidisciplinar */
body.profile-theme-saturn{
  --p-accent:#69efb4;
  --p-accent-2:#e3c77f;
  --p-accent-soft:rgba(105,239,180,.14);
}
body.profile-theme-valkyrie{
  --p-accent:#62cfff;
  --p-accent-2:#9278ff;
  --p-accent-soft:rgba(98,207,255,.14);
}
body.profile-theme-tercetri{
  --p-accent:#64e4ca;
  --p-accent-2:#d7b66f;
  --p-accent-soft:rgba(215,182,111,.14);
}
body.profile-theme-observer{
  --p-accent:#ff6f8f;
  --p-accent-2:#69e8df;
  --p-accent-soft:rgba(255,111,143,.13);
}
.theme-saturn{--theme-a:#69efb4;--theme-b:#e3c77f}
.theme-valkyrie{--theme-a:#62cfff;--theme-b:#9278ff}
.theme-tercetri{--theme-a:#64e4ca;--theme-b:#d7b66f}
.theme-observer{--theme-a:#ff6f8f;--theme-b:#69e8df}

/* v16 — títulos exclusivos de colaboradores */
.title-support-bronze{color:#d39b68!important;border-color:rgba(211,155,104,.32)!important;background:rgba(211,155,104,.07)!important}.title-support-silver{color:#dce5ea!important;border-color:rgba(220,229,234,.30)!important;background:rgba(220,229,234,.055)!important}.title-support-gold{color:#f1cd68!important;border-color:rgba(241,205,104,.38)!important;background:rgba(241,205,104,.075)!important;text-shadow:0 0 12px rgba(241,205,104,.18)}.title-support-mecenas{color:#f0cb81!important;border-color:rgba(240,203,129,.40)!important;background:rgba(240,203,129,.08)!important;text-shadow:0 0 15px rgba(240,203,129,.22)}.title-support-patron{color:#ffe08a!important;border-color:rgba(255,224,138,.44)!important;background:rgba(255,224,138,.09)!important;text-shadow:0 0 17px rgba(255,224,138,.26)}.title-support-magnate{color:#ffe8ad!important;border-color:rgba(255,232,173,.48)!important;background:linear-gradient(100deg,rgba(255,215,110,.09),rgba(255,255,255,.04))!important;text-shadow:0 0 18px rgba(255,229,151,.34)}.title-support-fortune{color:#fff3c7!important;border-color:rgba(255,237,167,.58)!important;background:linear-gradient(100deg,rgba(255,210,80,.12),rgba(255,244,195,.06))!important;text-shadow:0 0 7px rgba(255,224,111,.72),0 0 22px rgba(255,224,111,.30)}