:root{color-scheme:dark;--bg:#0c0c0f;--panel:#141418;--line:#29282e;--text:#f7f5f5;--muted:#b7b3ba;--red:#ff424a;--accent:#cc1927;--width:1220px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
:focus-visible{outline:2px solid #ff9297;outline-offset:4px}
.wrap{width:min(var(--width),calc(100% - 96px));margin-inline:auto}
.skip{position:fixed;z-index:9;top:10px;left:10px;background:var(--text);color:var(--bg);padding:10px 16px;transform:translateY(-200%)}
.skip:focus{transform:none}
.nav-shell{position:sticky;top:0;z-index:4;background:#0c0c0ff2;border-bottom:1px solid #ffffff15}
.nav{min-height:76px;display:flex;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:900;letter-spacing:.08em;line-height:1}
.brand img{object-fit:contain}.brand small{display:block;color:var(--red);font-size:8px;letter-spacing:.38em;margin-top:5px}
.nav-links{display:flex;gap:clamp(16px,3.2vw,42px);margin-inline:auto;font-size:14px;font-weight:600;color:#e1dfe3}
.nav-links a:hover,.back:hover,.footer a:hover{color:var(--red)}
.menu-toggle{display:none;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:7px 10px;border-radius:5px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #ffffff29;border-radius:6px;padding:11px 17px;line-height:1.25;font-size:14px;font-weight:750;background:#202025;color:var(--text);transition:background .18s,border-color .18s}
.button:hover{background:#353239;border-color:#ffffff55}.button.primary{background:var(--accent);border-color:#e23642}.button.primary:hover{background:#af1020}.button.glass{background:#100d11aa}.button.glass:hover{background:#31242f}
.hero{min-height:min(790px,calc(100svh - 76px));position:relative;isolation:isolate;display:grid;align-items:end;overflow:hidden}
.hero-art,.hero-art img,.hero-shade,#particulas{position:absolute;inset:0;width:100%;height:100%}
.hero-art{z-index:-3;transform:translateY(var(--hero-shift,0px));will-change:transform}.hero-art img{object-fit:cover;object-position:center 44%}
.hero-shade{z-index:-2;background:linear-gradient(90deg,#09090de3 0%,#09090d7c 30%,#0c0c0f00 68%),linear-gradient(0deg,#0c0c0f 1%,#0c0c0f2a 47%,transparent 70%)}
#particulas{z-index:-1;pointer-events:none}
.hero-content{padding-block:clamp(150px,24vh,280px) 23px}
.hero-copy{max-width:750px;margin-bottom:clamp(48px,9vh,100px)}
.eyebrow,.index-tag,.hero-sign{font-family:ui-monospace,"Consolas",monospace;font-weight:700;letter-spacing:.14em;font-size:.76rem;color:var(--red)}
.eyebrow i{display:inline-block;width:8px;height:8px;background:var(--red);border-radius:50%;margin-right:7px;box-shadow:0 0 16px #ff383e}.eyebrow span{color:#a6a0a7;margin-inline:4px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1}h1{font-size:clamp(2.4rem,6vw,5rem);letter-spacing:-.055em;margin-bottom:19px}h2{font-size:clamp(1.75rem,4vw,2.8rem);letter-spacing:-.04em;margin-bottom:14px}h3{font-size:1.35rem;margin-bottom:10px}
.hero h1{font-weight:950;font-size:clamp(3rem,8vw,7.5rem);letter-spacing:-.075em;line-height:.91;text-shadow:0 4px 28px #0007}
.hero h1 em{font-style:normal;color:#ff454d}.lead{color:var(--muted);font-size:1.08rem;max-width:64ch}.hero .lead{color:#eee7e9;max-width:40ch}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.hero-sign{position:relative;display:flex;justify-content:space-between;gap:12px;color:#a29da5;border-top:1px solid #ffffff25;padding-top:12px;font-size:.65rem}
.hero-sign::before{content:"";position:absolute;inset:-1px 0 auto;height:1px;background:linear-gradient(90deg,transparent,#ff515a,transparent) no-repeat;background-size:18% 1px;opacity:.65;animation:neon 7s ease-in-out infinite}
@keyframes neon{0%{background-position:-22% 0;opacity:0}28%{opacity:.65}68%,100%{background-position:124% 0;opacity:0}}
.section{padding-block:clamp(46px,7vw,88px)}.section:not(.notice){min-height:42vh}.page-head>h1,.reading>h1,.reading article>h1{overflow-wrap:anywhere}
.steps,.categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:25px}
.steps>a,.categories>a{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:24px;transition:background .2s,border-color .2s}
.steps>a:hover,.categories>a:hover{background:#1d151a;border-color:#a52a36}
.steps h3,.categories strong{display:block;margin-top:14px}.steps p,.categories p{color:var(--muted);margin-bottom:12px}
.steps>a>span:last-child,.arrow{color:var(--red)}.arrow{position:absolute;right:22px;top:22px}.categories strong{font-size:1.25rem;line-height:1.25}.categories small{color:#d4cbd0}
.section-label{display:flex;align-items:baseline;gap:12px;justify-content:space-between;margin-top:36px}.section-label h2{margin:0}.section-label span,.edition{font-size:.85rem;color:var(--muted)}
.edition{margin-top:28px}.search{max-width:690px;margin:27px 0}.search label{display:block;margin-bottom:8px;font-weight:700}.search>div{display:flex;gap:8px}
.search input{min-width:0;flex:1;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:10px 14px}
.back{display:inline-block;color:#ded4d8;font-size:.9rem;font-weight:650;margin-bottom:25px}
.article-list{padding:0;margin:0;list-style:none;border-block:1px solid var(--line);max-width:920px}
.article-list li+li{border-top:1px solid var(--line)}.article-list a{display:grid;grid-template-columns:4.5rem 1fr auto;gap:12px;align-items:center;padding:12px 13px}
.article-list a:hover{background:var(--panel)}.article-list a span:last-child{color:var(--red)}
.reading{max-width:860px}.reading h1,.notice h1{font-size:clamp(2rem,5vw,4rem)}
.prose{font-size:1.05rem;color:#dedbe1;line-height:1.8}.prose p{margin-bottom:1em}
.examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:29px}
.examples aside{border:1px solid;border-left-width:4px;border-radius:7px;padding:18px 20px}.examples h2{font-size:1.06rem;letter-spacing:0;margin:0 0 12px}.examples p:last-child{margin-bottom:0}
.examples .good{background:#10201a;border-color:#35644e;color:#d4efe1}.good h2{color:#7ce5ae}
.examples .bad{background:#261419;border-color:#763743;color:#f7dce0}.bad h2{color:#ff9ba5}
.editorial{background:var(--panel);border-left:3px solid var(--red);margin-top:20px;padding:12px 16px;color:#e3dfe5}
.article-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px}
.article-nav a{color:#e1d8dc}.article-nav a:hover{color:var(--red)}
.radio{border-collapse:collapse;width:100%;text-align:left}.radio th,.radio td{border-bottom:1px solid var(--line);padding:9px 12px}.radio thead{background:var(--panel)}.radio tbody th{color:var(--red)}
.notice{min-height:65vh;display:grid;align-items:center}.notice-card{max-width:780px;padding:clamp(23px,5vw,52px);background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:10px}
.wl{max-width:960px}.wl-card{margin-top:18px;padding:clamp(16px,4vw,28px);background:var(--panel);border:1px solid var(--line);border-radius:8px}.wl-card h2{font-size:clamp(1.2rem,3vw,1.8rem)}
.wl-consent,.wl-option,.wl-top{display:flex;align-items:center;gap:12px}.wl-consent{margin:15px 0}.wl-option{padding:12px;margin:8px 0;border:1px solid var(--line);border-radius:6px;cursor:pointer}
.wl-option:has(input:checked){border-color:var(--red);background:#28181b}.wl input{accent-color:var(--red)}.wl-top{justify-content:space-between;margin-bottom:22px}.wl-top [role=timer]{font:700 1.35rem ui-monospace,monospace;color:var(--red)}
.wl textarea,.wl input[type=number]{display:block;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font:inherit}.wl textarea{width:100%;resize:vertical}.wl input[type=number]{width:90px}
.wl .button:disabled{opacity:.45;cursor:default}.wl-queue{padding:0;list-style:none}.wl-response{white-space:pre-wrap;overflow-wrap:anywhere}.wl summary{cursor:pointer;font-weight:750}.wl-metrics{display:flex;flex-wrap:wrap;gap:16px}.wl-metrics dd{margin:0;color:var(--red);font-weight:750}.wl-card li{overflow-wrap:anywhere}
.review-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:22px 0}.review-filters [aria-current=page]{border-color:var(--red);background:#361b21}.review-filters .button span{background:#ffffff16;padding:2px 7px;border-radius:5px;font-variant-numeric:tabular-nums}

.account-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100svh - 150px);background:radial-gradient(ellipse at 90% 0%,#2b171d 0%,transparent 48%)}
.account-side{border-right:1px solid var(--line);background:#0c0c0fce;padding:30px 16px}.account-side .eyebrow{padding:0 10px}
.account-side a{display:block;padding:9px 10px;margin-bottom:5px;color:var(--muted);border:1px solid transparent;border-radius:6px;font-weight:650;font-size:.9rem}
.account-side a:hover,.account-side a[aria-current=page]{background:#26181c;border-color:#684049;color:var(--text)}
.account-main{width:min(1060px,100%);margin-inline:auto;padding:clamp(18px,5vw,48px)}
.account-header{display:flex;gap:18px;align-items:center;margin-bottom:24px}.account-header img{object-fit:contain;flex:none;border:1px solid #934952;border-radius:12px;background:var(--panel)}
.account-header h1{margin:0 0 6px;font-size:clamp(1.75rem,5vw,3.4rem);overflow-wrap:anywhere}.account-header .eyebrow{margin-bottom:4px}.account-header form{margin-left:auto}
.account-badge{display:inline-block;padding:2px 8px;border-radius:4px;background:#342229;color:#f0cdd5;font-weight:700;font-size:.72rem;letter-spacing:.035em}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-card{min-width:0;padding:clamp(16px,3vw,24px);border:1px solid var(--line);border-top-color:#79434d;border-radius:8px;background:linear-gradient(150deg,#1d191e,var(--panel))}
.account-card h2{font-size:1.42rem}.account-card .eyebrow{margin-bottom:7px}.account-card .lead,.account-card p:not(.eyebrow):not(.account-status){font-size:.9rem;color:var(--muted)}
.account-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.account-facts div{min-width:0}.account-facts dt{font-size:.78rem;color:var(--muted)}.account-facts dd{margin:2px 0 0;overflow-wrap:anywhere;font-weight:650}
.account-status{font-size:1.25rem;font-weight:800;color:#ffb4b8}.account-status.is-approved{color:#8ceab4}.account-activity{list-style:none;margin:0;padding:0}
.account-activity-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.account-activity-item p{margin:2px 0 0}.account-activity-item time{flex:none;color:var(--muted);font-size:.75rem}.account-note{white-space:pre-wrap}
@media(max-width:850px){.account-shell{grid-template-columns:1fr}.account-side{border-right:0;border-bottom:1px solid var(--line);padding:12px 16px}.account-side nav{display:flex;flex-wrap:wrap;gap:4px}.account-side .eyebrow{display:none}.account-side a{margin:0}}
@media(max-width:580px){.account-grid{grid-template-columns:1fr}.account-header{flex-wrap:wrap;gap:10px}.account-header img{width:55px;height:55px}.account-header form{margin-left:0}.account-activity-item{flex-wrap:wrap;gap:4px}}
.footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:.86rem}.footer>.wrap{display:flex;gap:20px;flex-wrap:wrap}.footer span:first-child{margin-right:auto}.red{color:var(--red)}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.steps,.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:14px}.nav-links{gap:14px}}
@media(max-width:650px){.wrap{width:calc(100% - 34px)}.nav{min-height:64px;gap:9px;flex-wrap:wrap;padding-block:8px}.brand{margin-right:auto;font-size:15px;gap:6px}.brand img{width:35px;height:29px}.nav-auth{padding:8px;font-size:11px}.nav-auth span{display:none}
.nav-links{order:5;width:100%;margin:0;flex-wrap:wrap;padding:6px 0}.js .menu-toggle{display:block;font-size:12px}.js .nav-links:not(.open){display:none}
.hero{min-height:670px}.hero-art img{object-position:43% center}.hero-content{padding-top:270px}.hero-shade{background:linear-gradient(0deg,#0c0c0f 1%,#0c0c0fea 24%,#0c0c0f20 79%)}.hero-copy{margin-bottom:40px}.hero-sign span:last-child{display:none}.steps,.categories,.examples{grid-template-columns:1fr}.article-list a{grid-template-columns:3.5rem 1fr auto;gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}