.member-shell{width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 120px);margin:0 auto;padding:90px 0;display:grid;grid-template-columns:1.05fr .78fr;gap:70px;align-items:center}.member-intro>p,.profile-head p,.member-kicker{color:var(--coral);font-size:10px;font-weight:800;letter-spacing:.18em}.member-intro h1{margin:22px 0;font:clamp(60px,7vw,105px)/.86 Georgia,serif;letter-spacing:-.055em}.member-intro h1 em{color:var(--blue);font-weight:400}.member-intro>div{max-width:650px;color:#aeb9cc;font-size:17px;line-height:1.8}.member-card{padding:36px;border:1px solid var(--line);border-radius:28px;background:rgba(10,27,59,.78);box-shadow:0 30px 80px rgba(0,0,0,.22);backdrop-filter:blur(18px)}.member-card h2{margin:8px 0 14px;font:36px Georgia,serif}.member-card>p{color:var(--muted);line-height:1.7}.member-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:28px;padding:4px;border:1px solid var(--line);border-radius:14px}.member-tabs a{padding:11px;border-radius:10px;color:var(--muted);font-size:11px;font-weight:700;text-align:center}.member-tabs a.active{color:var(--ink);background:var(--cream)}.member-form{display:grid;gap:17px}.member-form label{display:grid;gap:8px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.member-form input,.member-form textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;outline:0;color:var(--cream);background:#081733;font:14px/1.5 "Segoe UI",sans-serif}.member-form input:focus,.member-form textarea:focus{border-color:var(--blue)}.member-form label small{font-weight:400;letter-spacing:0;text-transform:none}.member-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.member-consent{display:flex!important;grid-template-columns:18px 1fr!important;align-items:start;line-height:1.5;text-transform:none!important;letter-spacing:0!important}.member-consent input{width:16px;height:16px}.member-primary{width:100%;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:14px;color:var(--ink);background:var(--cream);font-weight:800;cursor:pointer}.member-link{margin-top:20px;border:0;color:var(--muted);background:none;cursor:pointer}.member-note{font-size:12px!important;text-align:center}.member-note a{color:var(--blue)}.member-alert{margin-bottom:20px;padding:14px 16px;border-radius:13px;font-size:12px;line-height:1.5}.member-alert.error{border:1px solid rgba(255,107,74,.4);background:rgba(255,107,74,.1)}.member-alert.success{border:1px solid rgba(74,255,158,.32);background:rgba(74,255,158,.08);color:#aaffcf}.profile-shell{width:min(1200px,calc(100% - 40px));margin:auto;padding:80px 0 120px}.profile-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.profile-head h1{margin:10px 0;font:58px Georgia,serif}.profile-head span{color:var(--muted);font-size:12px}.role-chip{padding:12px 16px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.role-chip.approved{border-color:#58d99a;color:#7dffc1}.role-chip.pending{border-color:#e3b55e;color:#ffd889}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.editorial-card{display:flex;flex-direction:column;align-items:flex-start}.editorial-card .member-primary{margin-top:auto}.application-state{margin-top:auto;padding:14px 16px;border:1px solid rgba(227,181,94,.3);border-radius:13px;color:#ffd889}.blog-nav nav a{display:block}
@media(max-width:800px){.member-shell,.profile-grid{grid-template-columns:1fr}.member-shell{padding:60px 0;gap:45px}.member-form-grid{grid-template-columns:1fr}.profile-head{align-items:flex-start;flex-direction:column}.profile-head h1{font-size:44px}.blog-nav nav{display:flex}.blog-nav nav a{font-size:10px;padding:9px}.member-card{padding:25px 20px}}
.member-nav-logout{margin:0}.member-nav-logout button{padding:10px 13px;border:1px solid rgba(255,107,74,.28);border-radius:14px;color:var(--coral);background:rgba(255,107,74,.06);font-size:10px;cursor:pointer}.profile-shell{width:min(1280px,calc(100% - 40px));padding-top:62px}.profile-hero{margin-bottom:24px;padding:28px 32px;display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:24px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(119,152,255,.09),rgba(255,255,255,.018))}.profile-avatar{width:88px;height:88px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(119,152,255,.35);border-radius:50%;color:var(--blue);background:rgba(119,152,255,.1);font:38px Georgia,serif}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-hero p{margin:0;color:var(--coral);font-size:9px;font-weight:800;letter-spacing:.16em}.profile-hero h1{margin:7px 0 6px;font:46px/1 Georgia,serif}.profile-hero>div>span{color:var(--muted);font-size:11px}.profile-dashboard{display:grid;grid-template-columns:1.08fr .92fr;gap:20px}.profile-side{display:grid;gap:20px}.profile-details{align-content:start}.card-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:4px}.card-heading h2{margin:7px 0 0}.card-heading>span{color:var(--coral);font:9px monospace}.avatar-uploader{position:relative;min-height:92px;padding:17px!important;display:grid!important;grid-template-columns:48px 1fr;align-items:center;border:1px dashed rgba(119,152,255,.42);border-radius:16px;background:rgba(119,152,255,.05);cursor:pointer}.avatar-uploader.dragging{border-color:var(--blue);background:rgba(119,152,255,.12)}.avatar-uploader input{position:absolute;inset:0;opacity:0;cursor:pointer}.avatar-upload-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:var(--blue);background:rgba(119,152,255,.12);font-size:20px}.avatar-uploader div{display:grid;gap:5px}.avatar-uploader b{color:var(--cream);font-size:11px;text-transform:none;letter-spacing:0}.avatar-uploader small{color:var(--muted)}.password-card{align-content:start}.editorial-card{min-height:285px}.member-topics{margin-top:20px;padding:30px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.018)}.member-topics>header{display:flex;align-items:end;justify-content:space-between;gap:20px}.member-topics h2{margin:7px 0 0;font:36px Georgia,serif}.member-topics>header>b{color:var(--muted);font-size:10px}.topics-empty{min-height:210px;margin-top:24px;display:grid;place-items:center;align-content:center;border:1px dashed var(--line);border-radius:18px;text-align:center}.topics-empty>span{color:var(--blue);font-size:28px}.topics-empty h3{margin:12px 0 5px;font:23px Georgia,serif}.topics-empty p{max-width:480px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.topic-list{margin-top:22px;display:grid}.topic-list a{padding:16px 8px;display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.topic-list a>span{color:var(--coral);font:9px monospace}.topic-list b,.topic-list small{display:block}.topic-list b{font:17px Georgia,serif}.topic-list small{margin-top:5px;color:var(--muted);font-size:9px}.topic-list i{color:var(--blue);font-style:normal}@media(max-width:850px){.profile-dashboard{grid-template-columns:1fr}.profile-hero{grid-template-columns:70px 1fr}.profile-avatar{width:70px;height:70px}.profile-hero .role-chip{grid-column:1/-1;width:max-content}.member-nav-logout button{padding:9px;font-size:9px}}@media(max-width:540px){.profile-hero{padding:22px 18px}.profile-hero h1{font-size:35px}.profile-hero>div>span{font-size:9px}.profile-dashboard .member-card,.member-topics{padding:22px 18px}.member-topics h2{font-size:29px}.member-form-grid{grid-template-columns:1fr}.member-nav-logout{width:100%}.member-nav-logout button{width:100%;text-align:left}}

/* Unified e-mail first sign-in and membership flow */
.account-shell{grid-template-columns:1fr minmax(430px,.86fr);align-items:start}.account-flow-card{position:relative;min-height:520px;padding:40px;background:linear-gradient(145deg,rgba(12,32,69,.96),rgba(7,22,49,.96));overflow:hidden}.account-flow-card:before{content:"";position:absolute;width:250px;height:250px;right:-120px;top:-120px;border-radius:50%;background:radial-gradient(circle,var(--blue),transparent 68%);opacity:.12;pointer-events:none}.account-step-head{position:relative;margin-bottom:26px;display:grid;grid-template-columns:34px 1fr;gap:12px}.account-step-head>span{padding-top:9px;color:var(--coral);font:9px/1 monospace}.account-step-head h2{margin:4px 0 10px;font:clamp(35px,4vw,48px)/.98 Georgia,serif}.account-step-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.account-step-head p.member-kicker{color:var(--coral);font-size:9px;line-height:1.2}.account-step-head strong{color:var(--cream);font-weight:700}.account-form{position:relative}.account-email-chip,.account-verified{position:relative;margin:0 0 24px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--line);border-radius:14px;background:rgba(119,152,255,.055)}.account-email-chip span{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--cream);font-size:12px}.account-email-chip form{margin:0}.account-email-chip button,.account-resend button{padding:0;border:0;color:var(--blue);background:none;font:700 10px/1.4 "Segoe UI",sans-serif;cursor:pointer}.account-verified{justify-content:flex-start}.account-verified>span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#06172f;background:#68efae;font-weight:900}.account-verified div{display:grid;gap:4px}.account-verified b{font-size:12px}.account-verified small{color:#74dca8;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.otp-heading{display:flex;align-items:center;justify-content:space-between}.otp-heading label{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.otp-heading span{color:var(--cream);font:700 13px/1 monospace}.otp-heading span.expired{color:var(--coral)}.otp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.otp-grid input{min-width:0;padding:16px 4px!important;text-align:center;font:700 24px/1 Georgia,serif!important}.otp-grid input:focus{transform:translateY(-2px);box-shadow:0 8px 20px rgba(119,152,255,.14)}.account-resend{margin-top:18px;text-align:center}.account-resend button{padding:8px}.password-field{position:relative}.password-field input{padding-right:66px}.password-field button{position:absolute;right:7px;top:50%;padding:8px;border:0;transform:translateY(-50%);color:var(--blue);background:transparent;font-size:9px;font-weight:700;cursor:pointer}.registration-form{gap:15px}.registration-form .member-form-grid{align-items:end}.password-rules{margin:0;color:var(--muted);font-size:9px;line-height:1.6}.member-consent span{color:var(--muted);font-size:10px;font-weight:500;line-height:1.6}.account-flow-card .member-primary{margin-top:3px;transition:transform .25s ease,box-shadow .25s ease}.account-flow-card .member-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(0,0,0,.2)}.account-flow-card .member-note{margin:1px 0 0;color:var(--muted);line-height:1.6}.account-flow-card .member-note a{color:var(--blue)}
@media(max-width:900px){.account-shell{grid-template-columns:1fr}.account-flow-card{min-height:auto}.member-intro h1{font-size:clamp(58px,13vw,86px)}}
@media(max-width:540px){.account-shell{width:min(100% - 24px,1180px);padding-top:36px}.account-flow-card{padding:27px 20px;border-radius:22px}.account-step-head{grid-template-columns:25px 1fr}.account-step-head h2{font-size:35px}.otp-grid{gap:6px}.otp-grid input{padding:14px 2px!important;font-size:20px!important}.password-grid{grid-template-columns:1fr!important}}
.member-consent label{display:block!important;color:var(--muted)!important;font-size:10px!important;font-weight:500!important;line-height:1.65!important;letter-spacing:0!important;text-transform:none!important}.terms-link{display:inline;padding:0;border:0;color:var(--blue);background:none;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.terms-modal[hidden]{display:none}.terms-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:22px}.terms-backdrop{position:absolute;inset:0;border:0;background:rgba(2,8,20,.84);backdrop-filter:blur(16px);cursor:pointer}.terms-modal>section{position:relative;width:min(760px,100%);max-height:min(820px,calc(100vh - 44px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid rgba(119,152,255,.34);border-radius:28px;background:linear-gradient(145deg,#0d2048,#07152f 74%);box-shadow:0 40px 110px rgba(0,0,0,.6);overflow:hidden;animation:termsModalIn .45s cubic-bezier(.16,1,.3,1)}.terms-modal>section>header{padding:30px 34px 24px;display:flex;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line)}.terms-modal header p{margin:0 0 8px;color:var(--coral);font-size:8px;font-weight:800;letter-spacing:.16em}.terms-modal h2{margin:0;font:40px/1 Georgia,serif}.terms-modal header span{display:block;margin-top:10px;color:var(--muted);font-size:9px}.terms-close{width:38px;height:38px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;color:var(--cream);background:transparent;font:22px/1 Georgia,serif;cursor:pointer}.terms-content{padding:27px 34px;overflow:auto;scrollbar-color:var(--blue) transparent;scrollbar-width:thin}.terms-content>p{margin:0 0 24px;padding:15px 17px;border:1px solid rgba(119,152,255,.18);border-radius:14px;color:#b8c2d3;background:rgba(119,152,255,.055);font-size:12px;line-height:1.7}.terms-content ol{margin:0;padding:0;display:grid;gap:0;list-style:none;counter-reset:terms}.terms-content li{position:relative;padding:18px 0 18px 42px;border-bottom:1px solid var(--line);counter-increment:terms}.terms-content li:before{content:counter(terms,decimal-leading-zero);position:absolute;left:0;top:21px;color:var(--coral);font:8px monospace}.terms-content h3{margin:0 0 7px;font:20px Georgia,serif}.terms-content li p{margin:0;color:#9facbf;font-size:11px;line-height:1.75}.terms-modal footer{padding:18px 34px 24px;border-top:1px solid var(--line);background:rgba(3,12,28,.38)}.terms-modal footer button{width:100%;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:14px;color:var(--ink);background:var(--cream);font-weight:800;cursor:pointer}body.terms-modal-open{overflow:hidden}@keyframes termsModalIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:560px){.terms-modal{padding:10px}.terms-modal>section{max-height:calc(100vh - 20px);border-radius:22px}.terms-modal>section>header{padding:24px 20px 20px}.terms-modal h2{font-size:32px}.terms-content{padding:20px}.terms-content li{padding-left:34px}.terms-modal footer{padding:14px 20px 20px}}
