@font-face{font-family:Dana;src:url('../fonts/dana-light.ttf') format('truetype');font-weight:300 600;font-display:swap}@font-face{font-family:Dana;src:url('../fonts/dana-light.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--forest:#123f35;--forest-2:#0a3129;--spring:#75b843;--gold:#c7a257;--ink:#17231f;--muted:#66736e;--sage:#eef5ef;--line:#dce6df;--white:#fff;--shadow:0 20px 50px rgba(18,63,53,.09);--radius:24px;--shell:min(1180px,calc(100% - 48px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Dana,Tahoma,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;z-index:999;top:12px;right:12px;padding:10px 16px;background:var(--forest);color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{height:82px;border-bottom:1px solid rgba(18,63,53,.1);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.header-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--forest);font-size:25px;font-weight:800;justify-self:start}.brand img{object-fit:contain}.main-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.main-nav a{position:relative;padding:27px 0}.main-nav a:after{content:"";position:absolute;inset:auto 0 19px;height:2px;background:var(--gold);transform:scaleX(0);transition:.25s}.main-nav a:hover:after,.main-nav a:focus-visible:after{transform:scaleX(1)}.header-account{justify-self:end}.outline-button,.primary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:11px 20px;font-weight:700;border:1px solid var(--forest);cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.outline-button{background:#fff;color:var(--forest)}.primary-button{background:var(--forest);color:#fff;box-shadow:0 8px 22px rgba(18,63,53,.16)}.primary-button:hover,.outline-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(18,63,53,.15)}.text-button{border:0;padding-inline:4px}.small{padding:8px 15px;font-size:13px;border-radius:9px}.user-link{display:flex;align-items:center;gap:9px;font-weight:700}.user-link img{border:1px solid var(--line);border-radius:50%;background:var(--sage)}.nav-toggle{display:none;background:none;border:0;width:42px;padding:8px}.nav-toggle span{display:block;height:2px;background:var(--forest);margin:6px}
.home-hero{min-height:650px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:66px;padding-block:72px}.hero-copy h1{font-size:clamp(44px,5vw,72px);line-height:1.35;letter-spacing:-2px;margin:0 0 24px;color:var(--forest)}.hero-copy h1 em{display:block;color:var(--forest);font-style:normal;position:relative;width:max-content}.hero-copy h1 em:after{content:"";position:absolute;bottom:4px;right:0;width:45%;height:8px;background:rgba(199,162,87,.3);z-index:-1}.hero-copy p{font-size:18px;color:var(--muted);max-width:550px;margin:0 0 33px}.hero-actions{display:flex;align-items:center;gap:24px}.hero-media{margin:0;position:relative}.hero-media:before{content:"";position:absolute;inset:-18px -18px auto auto;width:110px;height:110px;border-top:1px solid var(--gold);border-right:1px solid var(--gold);border-radius:0 44px 0 0}.hero-media img{width:100%;height:540px;object-fit:cover;border-radius:150px 22px 150px 22px;box-shadow:var(--shadow)}
.values-band{background:var(--sage);border-block:1px solid var(--line);padding:62px 0}.values-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.values-flow article{padding:5px 42px;border-left:1px solid rgba(18,63,53,.14)}.values-flow article:last-child{border-left:0}.values-flow span,.section-number{color:var(--gold);font-weight:700;font-size:13px;letter-spacing:1px}.values-flow h2{font-size:23px;color:var(--forest);margin:8px 0}.values-flow p{font-size:14px;color:var(--muted);margin:0}.story-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;padding-block:120px}.story-section figure{margin:0}.story-section img{height:500px;width:100%;object-fit:cover;border-radius:22px 110px 22px 22px}.story-section h2{font-size:42px;color:var(--forest);margin:10px 0 24px}.story-section p{color:var(--muted);font-size:16px}.story-section strong{display:block;margin-top:24px;color:var(--forest)}.app-band{background:linear-gradient(110deg,#f7faf7,var(--sage));border:1px solid #b9cfbd;border-radius:28px;min-height:340px;margin-bottom:120px;padding:55px 8%;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;overflow:hidden}.app-band h2{font-size:38px;line-height:1.5;color:var(--forest);margin:0 0 13px}.app-band p{color:var(--muted);margin:0 0 24px}.app-visual{position:relative;height:230px}.phone-frame{position:absolute;width:132px;height:245px;border:7px solid #1c2421;border-radius:27px;background:#fff;right:30px;top:0;display:grid;place-items:center;transform:rotate(5deg);box-shadow:var(--shadow)}.phone-frame img{width:74px}.book-shape{position:absolute;width:190px;height:120px;background:#c4ad7e;border-radius:8px 2px 2px 8px;right:135px;bottom:2px;box-shadow:inset -12px 0 #aa9160}.voices{padding-bottom:120px}.section-heading{text-align:center;margin-bottom:42px}.section-heading h2{font-size:34px;color:var(--forest);margin:0}.section-heading p{color:var(--muted)}.voice-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.voice-list blockquote{margin:0;padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}.voice-list p{margin:0 0 18px}.voice-list footer{font-size:13px;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);padding-top:52px;background:#fbfdfb}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:50px;padding-bottom:45px}.footer-grid h2{font-size:15px;color:var(--forest);margin:0 0 12px}.footer-grid>div>a{display:block;font-size:13px;color:var(--muted);margin:5px 0}.footer-brand p{color:var(--muted);font-size:14px}.social-row{display:flex;gap:9px;flex-wrap:wrap}.social-row a{font-size:12px;border:1px solid var(--line);border-radius:8px;padding:5px 9px}.footer-bottom{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;color:#7b8682;font-size:12px}
.profile-shell{padding-block:70px 110px}.flash-list{margin-bottom:22px}.flash{padding:12px 16px;border:1px solid #bed9c4;border-radius:10px;background:#f0faf2;color:var(--forest)}.flash.warning{border-color:#e2cd9c;background:#fffaf0}.profile-identity{min-height:230px;display:flex;align-items:center;justify-content:center;gap:40px;position:relative;margin-bottom:35px}.profile-identity:before{content:"";position:absolute;right:-100px;top:-50px;width:270px;height:270px;background:radial-gradient(circle,rgba(117,184,67,.08),transparent 68%);pointer-events:none}.profile-avatar-wrap{position:relative}.profile-avatar{width:150px;height:150px;border-radius:50%;background:var(--sage);border:1px solid var(--gold);padding:7px}.avatar-edit{position:absolute;bottom:8px;right:4px;width:38px;height:38px;border-radius:50%;border:3px solid #fff;background:var(--forest);color:#fff;cursor:pointer}.identity-copy h1{font-size:35px;margin:0;color:var(--forest)}.role-label{color:var(--spring);font-weight:700;margin:3px 0}.contact-line{display:flex;gap:20px;color:var(--muted);font-size:13px;margin:7px 0 17px}.identity-actions{display:flex;gap:10px}.account-overview{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:15px;margin-bottom:28px}.account-overview div{text-align:center;padding:26px;border-left:1px solid var(--line)}.account-overview div:last-child{border:0}.account-overview span{display:block;color:var(--muted);font-size:13px}.account-overview strong{font-size:27px;color:var(--forest)}.profile-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:24px;align-items:start}.profile-main-column,.profile-side-column{display:grid;gap:24px}.profile-panel{border:1px solid var(--line);border-radius:16px;background:#fff;padding:28px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.panel-heading h2{font-size:21px;color:var(--forest);margin:0}.panel-heading p{font-size:12px;color:var(--muted);margin:2px 0}.panel-heading button{border:0;background:none;color:var(--forest);cursor:pointer;font-size:12px}.learning-list{display:grid;gap:14px}.learning-row{display:grid;grid-template-columns:72px 1fr auto;gap:18px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px}.lesson-art{height:74px;border-radius:10px;background:var(--sage);display:grid;place-items:center;color:var(--forest);font-size:24px;font-weight:700}.learning-row h3{font-size:15px;margin:0}.learning-row p{font-size:12px;color:var(--muted);margin:2px 0 8px}.progress-line{height:4px;background:#e7ece8;border-radius:4px}.progress-line span{display:block;height:100%;background:var(--spring);border-radius:4px}.empty-state{text-align:center;border:1px dashed #bac8bd;border-radius:13px;padding:32px}.empty-state>span{display:grid;place-items:center;margin:auto;width:38px;height:38px;border:1px solid var(--line);border-radius:50%}.empty-state h3{font-size:16px;margin:12px 0 2px}.empty-state p,.quiet-empty{font-size:13px;color:var(--muted)}.empty-state.compact{padding:22px}.order-list article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:15px 0;border-bottom:1px solid var(--line)}.order-list article:last-child{border-bottom:0}.order-list strong,.order-list small{display:block}.order-list small{color:var(--muted);font-size:11px}.order-list b{font-size:12px}.order-status{font-size:11px;padding:3px 8px;border-radius:7px;background:var(--sage);color:var(--forest)}.status-rejected{background:#fff0f0;color:#9e3636}.status-pending{background:#fff8e8;color:#8b691d}.account-info dl{margin:0}.account-info dl div{padding:10px 0;border-bottom:1px solid var(--line)}.account-info dl div:last-child{border:0}.account-info dt{font-size:11px;color:var(--muted)}.account-info dd{margin:1px 0;font-size:14px;overflow-wrap:anywhere}.invite-panel>p{font-size:12px;color:var(--muted)}.invite-code{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px dashed #9eb4a3;background:#f8fbf8;border-radius:10px;padding:12px;cursor:pointer;color:var(--forest)}.invite-code b{letter-spacing:2px}.invite-code span{font-size:11px}.invite-panel>small{display:block;color:var(--spring);min-height:22px;margin-top:5px}.notification-list{display:grid;gap:16px}.notification-list article{display:grid;grid-template-columns:8px 1fr;gap:9px}.notification-list i{width:7px;height:7px;border-radius:50%;background:#cfd8d1;margin-top:9px}.notification-list article.unread i{background:var(--spring)}.notification-list strong{font-size:13px}.notification-list p{font-size:11px;color:var(--muted);margin:1px 0}.notification-list small{font-size:10px;color:#98a19e}.profile-dialog{border:0;border-radius:18px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.2);width:min(520px,calc(100% - 32px));color:var(--ink)}.profile-dialog::backdrop{background:rgba(12,31,25,.55);backdrop-filter:blur(3px)}.profile-dialog form{padding:30px;position:relative}.profile-dialog h2{color:var(--forest);margin:0}.profile-dialog p{font-size:13px;color:var(--muted)}.profile-dialog label{display:grid;gap:7px;font-size:13px}.profile-dialog input[type=text],.profile-dialog input[name=username]{border:1px solid var(--line);border-radius:9px;padding:11px;margin-bottom:15px}.dialog-close{position:absolute;left:18px;top:18px;border:0;background:none;font-size:28px;cursor:pointer}.avatar-dialog{width:min(690px,calc(100% - 32px))}.avatar-options{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;max-height:330px;overflow:auto;margin:20px 0}.avatar-options input{position:absolute;opacity:0}.avatar-options label{display:block}.avatar-options img{border-radius:50%;border:2px solid transparent;padding:3px;cursor:pointer}.avatar-options input:checked+img{border-color:var(--spring);background:var(--sage)}
@media(max-width:900px){:root{--shell:min(100% - 32px,720px)}.site-header{height:70px}.header-inner{grid-template-columns:1fr auto auto}.nav-toggle{display:block;order:-1}.main-nav{position:fixed;top:70px;inset-inline:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px;display:grid;gap:0;transform:translateY(-140%);transition:.25s;z-index:-1}.main-nav.open{transform:none}.main-nav a{padding:10px}.main-nav a:after{display:none}.header-account .outline-button{padding:8px 11px;font-size:12px}.user-link span{display:none}.home-hero{grid-template-columns:1fr;padding-block:50px;gap:38px}.hero-copy{text-align:center}.hero-copy h1{font-size:46px}.hero-copy h1 em{margin:auto}.hero-copy p{margin-inline:auto}.hero-actions{justify-content:center}.hero-media img{height:460px}.values-flow{grid-template-columns:1fr}.values-flow article{border-left:0;border-bottom:1px solid rgba(18,63,53,.13);padding:25px 6px}.story-section{grid-template-columns:1fr;gap:40px;padding-block:80px}.story-section figure{order:2}.app-band{grid-template-columns:1fr;text-align:center}.app-visual{display:none}.voice-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.profile-layout{grid-template-columns:1fr}.profile-side-column{grid-template-columns:1fr 1fr}.notifications-panel{grid-column:1/-1}}
@media(max-width:600px){:root{--shell:calc(100% - 28px)}.brand{font-size:21px}.brand img{width:36px;height:36px}.home-hero{min-height:auto}.hero-copy h1{font-size:37px;letter-spacing:-1px}.hero-copy p{font-size:15px}.hero-actions{flex-direction:column;gap:10px}.hero-actions a{width:100%}.hero-media img{height:330px;border-radius:80px 16px 80px 16px}.values-band{padding:28px 0}.story-section{padding-block:65px}.story-section img{height:350px;border-radius:16px 70px 16px 16px}.story-section h2,.app-band h2{font-size:30px}.app-band{padding:40px 22px;margin-bottom:70px}.section-heading h2{font-size:28px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid;gap:4px}.profile-shell{padding-block:35px 70px}.profile-identity{flex-direction:column;text-align:center;gap:17px}.profile-avatar{width:125px;height:125px}.contact-line,.identity-actions{justify-content:center;flex-wrap:wrap}.account-overview{grid-template-columns:1fr}.account-overview div{border-left:0;border-bottom:1px solid var(--line);padding:16px}.profile-panel{padding:20px}.profile-side-column{grid-template-columns:1fr}.notifications-panel{grid-column:auto}.learning-row{grid-template-columns:58px 1fr}.learning-row .outline-button{grid-column:1/-1}.lesson-art{height:58px}.order-list article{grid-template-columns:1fr auto}.order-list b{grid-column:1/-1}.avatar-options{grid-template-columns:repeat(4,1fr)}}
/* Stage 60: mobile-first polish, theme, loader and stronger social proof */
body,button,input,textarea,select{font-family:Dana,Tahoma,sans-serif}h1,h2,h3,h4,strong,b,.brand,.primary-button,.outline-button{font-weight:800}
.header-account{display:flex;align-items:center;gap:9px}.theme-toggle{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--forest);display:grid;place-items:center;cursor:pointer}.theme-toggle span{grid-area:1/1}.theme-toggle .moon{display:none;font-size:22px}
.social-row a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;background:var(--white);transition:.2s}.social-row a:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(18,63,53,.1)}.social-row img{width:24px;height:24px;object-fit:contain}
.page-loader{position:fixed;inset:0;z-index:9999;background:rgba(250,253,250,.92);display:grid;place-items:center;align-content:center;gap:14px;opacity:0;visibility:hidden;transition:.18s;backdrop-filter:blur(7px)}.page-loader.show{opacity:1;visibility:visible}.page-loader img{width:58px;height:58px;object-fit:contain;animation:loaderPulse 1s ease-in-out infinite}.page-loader span{width:72px;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--spring),transparent);animation:loaderSlide .85s ease-in-out infinite}@keyframes loaderPulse{50%{transform:translateY(-5px) scale(1.04)}}@keyframes loaderSlide{50%{transform:scaleX(.45);opacity:.45}}
.voices{position:relative}.voice-list blockquote{box-shadow:0 12px 34px rgba(18,63,53,.07);border-top:3px solid rgba(199,162,87,.7);font-size:15px}.voice-list blockquote:before{content:'“';display:block;color:var(--gold);font:800 38px/1 serif}.voice-list footer{font-weight:700;color:var(--forest)}
html[data-theme=dark]{color-scheme:dark;--ink:#eaf3ee;--muted:#a9b9b2;--sage:#193b33;--line:#31554b;--white:#17362e;--forest:#d8eee5;--forest-2:#effaf5;--shadow:0 22px 55px rgba(0,0,0,.28)}html[data-theme=dark] body{background:#102820;color:var(--ink)}html[data-theme=dark] .site-header{background:rgba(16,40,32,.94)}html[data-theme=dark] .main-nav,html[data-theme=dark] .profile-panel,html[data-theme=dark] .voice-list blockquote,html[data-theme=dark] .outline-button,html[data-theme=dark] .site-footer{background:#17362e}html[data-theme=dark] .values-band,html[data-theme=dark] .app-band{background:#193b33}html[data-theme=dark] .theme-toggle .sun{display:none}html[data-theme=dark] .theme-toggle .moon{display:block}html[data-theme=dark] .page-loader{background:rgba(16,40,32,.93)}
@media(max-width:900px){.header-inner{position:relative;grid-template-columns:1fr auto 1fr;gap:8px}.header-inner>.brand{position:absolute;right:50%;transform:translateX(50%);justify-self:center;z-index:2;white-space:nowrap}.nav-toggle{justify-self:start;order:initial}.header-account{justify-self:end}.footer-grid,.footer-grid>div,.footer-bottom{text-align:center;justify-items:center}.footer-grid .brand{justify-self:center}.social-row{justify-content:center}.main-nav{z-index:45;box-shadow:0 18px 35px rgba(18,63,53,.12)}.profile-shell{padding-top:38px}}
@media(max-width:600px){.site-header{height:66px}.main-nav{top:66px}.header-inner>.brand{font-size:19px;gap:6px}.header-inner>.brand img{width:32px;height:32px}.theme-toggle{width:36px;height:36px}.header-account .user-link{display:none}.header-account .outline-button{font-size:0;width:36px;height:36px;padding:0;border-radius:50%}.header-account .outline-button:after{content:'◉';font-size:17px}.nav-toggle{width:36px;padding:6px}.footer-grid{gap:29px;padding-bottom:30px}.footer-grid>div{display:grid;justify-content:center}.footer-grid>div>a{margin:7px 0}.footer-bottom{justify-content:center;padding:20px 0}.profile-identity{min-height:0}.profile-identity:before{display:none}.identity-copy h1{font-size:28px}.account-overview{grid-template-columns:repeat(3,1fr)}.account-overview div{border-bottom:0;border-left:1px solid var(--line);padding:13px 5px}.account-overview span{font-size:10px}.account-overview strong{font-size:20px}.profile-panel{border-radius:18px;padding:18px}.voice-list blockquote{padding:22px}.avatar-dialog form{padding:22px 14px}.avatar-options{grid-template-columns:repeat(4,1fr);gap:10px}.avatar-options img{background:var(--sage);padding:5px}.social-row a{padding:9px;border-radius:12px}.social-row a span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Stage 61 — typography, precise mobile header, balanced social icons and dark surfaces */
@font-face{font-family:DanaMedium;src:url('../fonts/dana-medium.ttf') format('truetype');font-weight:500 900;font-display:swap}
h1,h2,h3,h4,h5,h6,strong,b,.brand,.primary-button,.outline-button,.main-nav,.section-number{font-family:DanaMedium,Dana,Tahoma,sans-serif;font-weight:800}
.theme-toggle{width:42px;height:42px;border:1px solid rgba(199,162,87,.42);border-radius:14px;background:linear-gradient(145deg,#fffdf7,#f3f8f3);color:#b6862d;box-shadow:0 7px 18px rgba(18,63,53,.08),inset 0 1px #fff;transition:.22s}
.theme-toggle:hover{transform:translateY(-2px) rotate(3deg);box-shadow:0 11px 24px rgba(18,63,53,.13)}
.theme-toggle svg{grid-area:1/1;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .moon{display:none;fill:currentColor;stroke:none}
.social-icon{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px}.social-row .social-icon img{width:20px!important;height:20px!important;object-fit:contain}.social-row a:nth-child(2) .social-icon img{width:21px!important;height:21px!important}
.welcome-celebration{margin:0 auto 28px;max-width:760px;text-align:center;padding:22px;border:1px solid #cde7bd;border-radius:20px;background:linear-gradient(135deg,#f8fff3,#fffaf0);box-shadow:0 16px 38px rgba(79,144,49,.11);position:relative;overflow:hidden}.welcome-celebration span{display:block;color:#4b8b30;font:800 21px/1.7 DanaMedium,Dana,sans-serif}.welcome-celebration strong{display:block;color:var(--forest);font-size:14px}.confetti-piece{position:fixed;z-index:9998;top:-18px;width:9px;height:14px;border-radius:3px;pointer-events:none;animation:confettiFall var(--duration) cubic-bezier(.2,.7,.2,1) forwards}@keyframes confettiFall{to{transform:translate3d(var(--drift),105vh,0) rotate(900deg);opacity:.2}}
html[data-theme=dark] .theme-toggle{background:linear-gradient(145deg,#243e52,#172e3e);color:#b9d8f4;border-color:#3e6075;box-shadow:0 8px 20px rgba(0,0,0,.22)}html[data-theme=dark] .account-overview,html[data-theme=dark] .learning-row,html[data-theme=dark] .empty-state,html[data-theme=dark] .invite-code,html[data-theme=dark] .social-row a{background:#17362e;color:var(--ink)}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background:#102820;color:#eef8f3;border-color:#3b5c52}html[data-theme=dark] .welcome-celebration{background:linear-gradient(135deg,#183c31,#3b3825);border-color:#456855}html[data-theme=dark] .order-status{background:#274b40;color:#dff3e9}html[data-theme=dark] .status-pending{background:#584b2b;color:#ffe6a2}html[data-theme=dark] .status-rejected{background:#512e34;color:#ffc5ce}
@media(max-width:900px){.header-account{z-index:3}.values-flow article,.story-section>div{text-align:center}.story-section .section-number,.story-section strong{display:block;text-align:center}.story-section p{margin-inline:auto}.story-section h2{text-align:center}}
@media(max-width:600px){.header-inner>.brand{font-size:17px;gap:5px}.header-inner>.brand img{width:30px;height:30px}.theme-toggle{width:35px;height:35px;border-radius:11px}.theme-toggle svg{width:18px;height:18px}.header-account{gap:4px}.header-account .user-link{display:flex}.header-account .user-link span{display:none}.header-account .user-link img{width:32px;height:32px}.header-account .outline-button{width:34px;height:34px}.nav-toggle{width:34px;padding:5px}}
.profile-page{background:linear-gradient(180deg,#fbfdfb 0,#fff 34%)}.profile-identity{border-radius:30px;background:radial-gradient(circle at 20% 20%,rgba(199,162,87,.13),transparent 32%),linear-gradient(135deg,#f2f8f2,#fbf7ed);border:1px solid #deeadf;box-shadow:0 18px 50px rgba(18,63,53,.07);padding:28px}.profile-avatar{box-shadow:0 16px 36px rgba(18,63,53,.14);background:#fff}.account-overview{background:linear-gradient(135deg,#123f35,#245e4f);border:0;box-shadow:0 18px 42px rgba(18,63,53,.16);overflow:hidden}.account-overview div{border-color:rgba(255,255,255,.16)}.account-overview span{color:#cde0d7}.account-overview strong{color:#fff}.profile-panel{box-shadow:0 12px 34px rgba(18,63,53,.055)}.learning-panel{border-top:4px solid #75b843}.invite-panel{background:linear-gradient(145deg,#fffdf7,#f8fbf7)}.notifications-panel{border-top:4px solid #c7a257}
html[data-theme=dark] .profile-page{background:#102820}html[data-theme=dark] .profile-identity{background:radial-gradient(circle at 20% 20%,rgba(199,162,87,.12),transparent 32%),linear-gradient(135deg,#17362e,#223a32);border-color:#31554b}html[data-theme=dark] .account-overview{background:linear-gradient(135deg,#1a4b3e,#2e6657)}html[data-theme=dark] .invite-panel{background:linear-gradient(145deg,#203b33,#17362e)}
@media(max-width:600px){.profile-identity{padding:24px 15px;border-radius:22px}.welcome-celebration span{font-size:18px}}
/* Stage 62 — collision-proof header and streamlined profile */
@media(max-width:900px){.header-inner{display:flex!important;justify-content:center!important;position:relative!important}.header-inner>.brand{position:static!important;transform:none!important;margin:auto!important}.nav-toggle{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}.header-account{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important}.main-nav{left:0;right:0}.profile-layout{grid-template-columns:minmax(0,1.55fr) minmax(270px,.75fr)}.profile-side-column{grid-template-columns:1fr}.values-flow article,.story-section>div{text-align:center}}
@media(max-width:560px){.header-inner>.brand{font-size:15px!important;gap:4px!important}.header-inner>.brand img{width:28px!important;height:28px!important}.header-account .theme-toggle{width:34px;height:34px}.header-account .user-link img{width:31px;height:31px}.profile-layout{grid-template-columns:1fr}.profile-side-column{grid-template-columns:1fr}.account-overview{grid-template-columns:repeat(3,1fr)}}
.review-panel{border-top:4px solid #79c8bd}.profile-review-form{display:grid;gap:10px}.profile-review-form textarea{width:100%;resize:vertical;min-height:110px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfdfb;color:var(--ink);font:inherit;outline:0}.profile-review-form textarea:focus{border-color:#75b843;box-shadow:0 0 0 4px rgba(117,184,67,.12)}.review-text-label,.star-rating legend{font:700 12px DanaMedium,Dana,sans-serif;color:var(--forest)}.star-rating{border:0;padding:0;margin:0;display:flex;flex-direction:row-reverse;justify-content:flex-end}.star-rating input{position:absolute;opacity:0}.star-rating label{font-size:29px;color:#d9dfdb;cursor:pointer;line-height:1}.star-rating input:checked~label,.star-rating label:hover,.star-rating label:hover~label{color:#e8ad37}.review-stars{display:flex;gap:2px;margin-bottom:10px}.review-stars span{color:#d7ded9}.review-stars span.active{color:#e8ad37}.voice-list footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.voice-list footer span{font-size:11px;background:#eef5ef;color:#386050;border-radius:8px;padding:3px 8px}.avatar-options img,.avatar-choice img,.profile-avatar,.user-link img{image-rendering:auto}.avatar-options img{box-shadow:0 7px 18px rgba(18,63,53,.1)}html[data-theme=dark] .profile-review-form textarea{background:#102820;border-color:#31554b}html[data-theme=dark] .voice-list footer span{background:#274b40;color:#dff3e9}