:root{--ink:#101820;--paper:#f8f7ef;--green:#8cc63f;--orange:#f4a62a;--blue:#3e82c4;--cream:#f3e4c8;--line:#314047;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow-x:hidden}a{text-decoration:none;color:inherit}button,input{font:inherit}.section-pad{padding-left:6vw;padding-right:6vw}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.14);position:sticky;top:0;z-index:20;padding:0 6vw;background:rgba(16,24,32,.9);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;letter-spacing:.08em}.brand>span:last-child span{color:var(--green)}.brand-mark{display:grid;place-items:center;background:var(--green);color:var(--ink);width:30px;height:30px;border-radius:8px 8px 13px 8px;transform:rotate(-8deg)}.nav-links{display:flex;gap:32px;color:#b8c0bb;font-size:12px}.nav-links a:hover{color:var(--green)}.icon-button{height:38px;border:1px solid rgba(255,255,255,.18);background:transparent;color:var(--paper);padding:0 15px;display:flex;align-items:center;gap:10px;font-size:11px;cursor:pointer}.status-dot,.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 14px var(--green)}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:2vw;padding-top:50px;padding-bottom:56px}.eyebrow{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:12px}.eyebrow-line{width:32px;height:1px;background:var(--green)}h1,h2{font-size:clamp(52px,7.4vw,122px);line-height:.91;letter-spacing:-.04em;margin:30px 0 28px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.hero-text{max-width:410px;color:#a9b0ac;font-size:14px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:35px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;border:0;padding:14px 17px;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--green);color:var(--ink)}.text-link{font-size:12px;color:#a9b0ac}.text-link span{color:var(--green)}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:54px}.avatar-stack{display:flex}.avatar-stack span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--ink);margin-left:-7px;background:#f1b6a5;color:var(--ink);font:10px var(--mono)}.avatar-stack span:first-child{margin-left:0;background:var(--green)}.avatar-stack span:nth-child(2){background:#8db8ff}.avatar-stack span:nth-child(3){background:#fff}.avatar-stack span:last-child{background:#3a3a37;color:#fff}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{font-size:10px;color:#818d86;margin-top:3px}
.hero-visual{position:relative;min-height:560px;display:grid;place-items:center}.hero-grid{position:absolute;inset:8% 7%;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.hero-label{position:absolute;top:11%;right:8%;font:10px var(--mono);color:#9da8a3}.label-top .pulse{margin-right:8px}.pc-tower{position:relative;z-index:2;width:min(35vw,330px);min-width:245px;filter:drop-shadow(20px 28px 28px rgba(0,0,0,.6));animation:float 5s ease-in-out infinite}.tower-top{height:17px;width:86%;margin:auto;background:#343b3b;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%);border:1px solid #687268}.tower-body{height:410px;border:5px solid #3c4848;background:#15191a;display:grid;grid-template-columns:1fr 22px;box-shadow:inset 0 0 0 1px #668542}.tower-glass{position:relative;overflow:hidden;background:linear-gradient(125deg,rgba(52,73,63,.72),rgba(25,31,28,.9) 60%,rgba(62,130,196,.14));border-right:1px solid #76847a}.rgb-bar{position:absolute;top:0;right:12%;height:100%;width:3px;background:linear-gradient(var(--green),var(--orange),var(--blue));box-shadow:0 0 20px var(--green)}.cooler{position:absolute;top:47px;left:23px;display:flex;gap:9px}.cooler i{width:37px;height:37px;border:2px solid var(--green);border-radius:50%;background:radial-gradient(circle,#eee6be 0 8%,#1f332d 10% 30%,transparent 32% 40%,#b4db58 42% 45%,transparent 47%);animation:spin 2s linear infinite}.gpu{position:absolute;right:34px;top:152px;background:var(--green);color:#151a16;font:800 18px var(--mono);padding:13px 11px;transform:rotate(-8deg);box-shadow:7px 7px 0 #1a241f}.cable{position:absolute;border:2px solid #d58432;border-left:0;border-bottom:0;width:95px;height:125px;border-radius:0 60px 0 0}.cable-one{left:18px;bottom:25px}.cable-two{left:55px;bottom:3px;transform:rotate(20deg);border-color:var(--green)}.tower-front{background:repeating-linear-gradient(90deg,#1e201e 0 3px,#101110 3px 7px);position:relative}.tower-front:after{content:"";position:absolute;inset:12px 7px;background:linear-gradient(180deg,#e6a332 0 3px,transparent 3px 20px,#5e9bd4 20px 23px,transparent 23px 40px,var(--green) 40px 43px,transparent 43px);opacity:.8}.tower-foot{height:17px;width:77%;margin:auto;background:#2d3432;clip-path:polygon(0 0,100% 0,87% 100%,13% 100%)}.hero-spec-card{position:absolute;left:4%;bottom:10%;z-index:3;border-left:2px solid var(--green);padding:13px 18px;background:rgba(16,24,32,.84);backdrop-filter:blur(10px)}.micro-label{display:block;color:var(--green);font:9px var(--mono);margin-bottom:10px}.hero-spec-card strong{display:block;font-size:15px}.hero-spec-card>span:not(.micro-label){display:block;color:#a7a69d;font-size:10px;margin-top:5px}.spec-price{margin-top:15px;font-size:19px;font-weight:700}.spec-price small{font-size:9px;color:#898a80;font-weight:400;margin-left:8px}.floating-tag{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.18);background:rgba(28,35,39,.9);padding:10px 12px;animation:float 5s ease-in-out infinite reverse}.floating-tag b,.floating-tag small{display:block}.floating-tag b{font-size:11px}.floating-tag small{font-size:9px;color:#9d9c93;margin-top:3px}.tag-icon{font-size:18px;color:var(--green)}.tag-one{top:27%;right:2%}.tag-two{bottom:22%;right:-1%}
.peter-sticker{position:absolute;z-index:5;left:2%;top:16%;width:108px;height:145px;transform:rotate(-8deg);animation:sticker-float 4s ease-in-out infinite}.peter-face{position:absolute;z-index:2;left:20px;top:13px;width:69px;height:64px;background:#f5c58f;border:3px solid #141b1b;border-radius:48%;box-shadow:5px 5px 0 rgba(0,0,0,.2)}.peter-hair{position:absolute;z-index:3;top:8px;left:31px;width:47px;height:20px;background:#8b5a30;border:3px solid #141b1b;border-radius:65% 65% 20% 20%;transform:rotate(-9deg)}.peter-hair:after{content:"";position:absolute;left:-18px;top:2px;width:27px;height:18px;background:#8b5a30;border:3px solid #141b1b;border-right:0;border-radius:100% 0 0 20%}.peter-eye{position:absolute;top:27px;width:15px;height:11px;background:#fff;border:2px solid #141b1b;border-radius:50%}.peter-eye:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:5px;background:#141b1b;border-radius:50%}.eye-left{left:12px}.eye-right{right:12px}.peter-nose{position:absolute;left:29px;top:37px;width:13px;height:11px;border-right:3px solid #a36c47;border-bottom:3px solid #a36c47;border-radius:0 0 12px 0;transform:rotate(-15deg)}.peter-mouth{position:absolute;left:24px;bottom:9px;width:23px;height:9px;border-bottom:3px solid #141b1b;border-radius:50%}.peter-shirt{position:absolute;z-index:1;left:11px;top:72px;width:90px;height:50px;background:#70a83b;border:3px solid #141b1b;border-radius:18px 18px 7px 7px;transform:skewX(-5deg)}.peter-shirt:after{content:"P";position:absolute;right:12px;top:9px;color:#f7f1df;font:800 21px var(--mono);transform:rotate(12deg)}.peter-pants{position:absolute;left:22px;top:114px;width:65px;height:24px;background:#4778ad;border:3px solid #141b1b;border-radius:4px}.peter-sticker:after{content:"PITR / MASCOT";position:absolute;left:-10px;bottom:-22px;color:var(--orange);font:8px var(--mono);white-space:nowrap;transform:rotate(8deg)}
.ticker{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;background:var(--green);color:var(--ink);padding:18px 6vw;font:500 10px var(--mono);text-transform:uppercase}.ticker span{margin-left:38px}.builds{background:var(--paper);color:var(--ink);padding-top:110px;padding-bottom:115px}.builds .eyebrow,.process .eyebrow{color:var(--orange)}.builds .eyebrow-line,.process .eyebrow-line{background:var(--orange)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:48px}.section-heading h2,.process h2{font-size:clamp(54px,7vw,96px);margin-bottom:0}.section-heading>p{max-width:290px;color:#77746e;font-size:13px;line-height:1.65;margin:0 2% 5px 0}.build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.build-card{min-height:490px;position:relative;overflow:hidden;transition:transform .3s}.build-card:hover{transform:translateY(-8px)}.build-card-dark{background:#293b32;color:var(--paper)}.build-card-orange{background:var(--orange)}.build-card-cream{background:var(--cream)}.card-top{display:flex;justify-content:space-between;padding:22px 22px 0;font:10px var(--mono);text-transform:uppercase}.card-tag{padding:6px 8px;background:var(--green);color:var(--ink)}.build-card-orange .card-tag{background:var(--ink);color:var(--paper)}.build-card-cream .card-tag{background:#f4bd34}.card-image{height:250px;display:grid;place-items:center;position:relative}.card-image-green{background:radial-gradient(circle at 50% 40%,#8aa33c,#3c5b42 60%,#293b32 74%)}.card-image-orange{background:radial-gradient(circle at 50% 40%,#ffcf8b,#f4a62a 65%)}.card-image-cream{background:radial-gradient(circle at 50% 40%,#fff,#f3e4c8 65%)}.mini-tower{height:177px;width:122px;background:#101311;border:3px solid #6f7b53;display:grid;grid-template-columns:1fr 15px;box-shadow:12px 16px 0 rgba(0,0,0,.17);transform:skewY(-4deg) rotate(3deg)}.mini-tower-white{background:#ddd8cc;border-color:#625e58}.mini-tower-black{border-color:#171717}.mini-glass{position:relative;margin:6px;background:linear-gradient(120deg,#53664a,#182319);overflow:hidden}.mini-tower-white .mini-glass{background:linear-gradient(120deg,#9da19b,#333932)}.mini-glass:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(140,198,63,.6))}.mini-glass span{position:absolute;inset:17px 10px auto;height:31px;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#1e3928 9% 30%,#a8cf4c 34% 39%,transparent 43%);border:2px solid #aad459}.mini-glass b{position:absolute;right:8px;bottom:17px;font:10px var(--mono);color:var(--green)}.mini-tower-white .mini-glass b{color:#fff}.mini-front{background:repeating-linear-gradient(90deg,#282d27 0 3px,#111 3px 7px)}.card-info{padding:5px 22px 22px}.card-info h3{font-size:14px;margin:0}.card-info h3 span{font-weight:400}.card-info p{font-size:11px;color:#9e9c92;margin:10px 0 18px}.build-card-orange .card-info p,.build-card-orange .card-number{color:#763622}.build-card-cream .card-info p,.build-card-cream .card-number{color:#7b7062}.card-bottom{display:flex;justify-content:space-between;align-items:center}.card-bottom strong{font-size:21px}.round-arrow{border:1px solid currentColor;background:transparent;width:35px;height:35px;border-radius:50%;cursor:pointer}.outline-link{display:inline-flex;gap:12px;margin-top:38px;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:8px}.outline-link span{color:var(--orange)}
.configurator{background:var(--green);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:120px;padding-bottom:120px;align-items:center}.config-intro h2{font-size:clamp(58px,7vw,102px);margin:26px 0}.config-intro p{max-width:315px;line-height:1.6;font-size:13px;color:#304a27}.config-orbit{margin-top:60px;width:178px;height:178px;border:1px solid rgba(16,16,16,.32);border-radius:50%;position:relative;animation:spin 16s linear infinite}.config-orbit:after{content:"";position:absolute;inset:31px;border:1px dashed rgba(16,16,16,.35);border-radius:50%}.config-orbit span{position:absolute;font:10px var(--mono)}.config-orbit span:nth-child(1){top:15px;left:76px}.config-orbit span:nth-child(2){right:-9px;top:84px}.config-orbit span:nth-child(3){bottom:20px;left:31px}.config-orbit span:nth-child(4){left:2px;top:76px}.config-panel{background:var(--ink);color:var(--paper);padding:30px;max-width:520px;box-shadow:18px 18px 0 rgba(16,16,16,.12)}.panel-title{display:flex;justify-content:space-between;color:var(--green);font:10px var(--mono);text-transform:uppercase}.panel-dots{color:#62655e;letter-spacing:4px}.config-panel h3{font-size:28px;margin:44px 0 24px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice{border:1px solid #3a3d37;background:#171817;color:#aaa99f;text-align:left;padding:15px;cursor:pointer;display:flex;justify-content:space-between}.choice:hover,.choice.active{border-color:var(--green);color:var(--green)}.budget-row{border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:22px}.budget-row>div:first-child{display:flex;justify-content:space-between;align-items:center}.budget-row span{font-size:11px;color:#aaa99f}.budget-row strong{color:var(--green);font-size:19px}.budget-row input{width:100%;accent-color:var(--green);margin-top:26px}.range-labels{display:flex;justify-content:space-between;margin-top:3px;font:9px var(--mono);color:#6d7068}.button-full{width:100%;margin-top:27px}.panel-footnote{display:block;text-align:center;color:#686b64;font-size:9px;margin-top:15px}.process{background:#293b32;padding-top:105px;padding-bottom:115px}.process-heading h2{color:var(--paper)}.process-heading h2 em{color:var(--green)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:72px}.step{border-top:1px solid #617267;padding:20px 24px 0 0;min-height:175px}.step:not(:last-child){border-right:1px solid #617267;margin-right:24px}.step>span{font:10px var(--mono);color:var(--green)}.step h3{font-size:18px;margin:38px 0 11px}.step p{font-size:11px;line-height:1.7;color:#b2beb4;max-width:205px}.site-footer{padding-top:28px;padding-bottom:28px;display:flex;align-items:center;justify-content:space-between;color:#888981;font-size:10px}.site-footer .brand{color:var(--paper);font-size:13px}.footer-code{font:9px var(--mono)}
.chat-panel{position:fixed;z-index:50;right:22px;bottom:22px;width:min(380px,calc(100vw - 32px));background:var(--paper);color:var(--ink);box-shadow:0 20px 70px rgba(0,0,0,.45);transform:translateY(20px) scale(.95);opacity:0;pointer-events:none;transition:.28s}.chat-panel.open{transform:none;opacity:1;pointer-events:auto}.chat-header{background:var(--ink);color:var(--paper);padding:18px;display:flex;justify-content:space-between}.chat-header strong,.chat-header small{display:block}.chat-header strong{font-size:12px}.chat-header small{color:#9b9c92;font-size:10px;margin-top:5px}.chat-header .status-dot{margin-right:8px}.chat-close{background:transparent;border:0;color:var(--paper);font-size:24px;cursor:pointer}.chat-messages{padding:20px 18px;min-height:180px}.message{max-width:85%;padding:13px;background:#e0ddd3;font-size:12px;line-height:1.55}.message span{display:block;font:9px var(--mono);color:#8c8b84;margin-top:8px}.message.user{margin:14px 0 0 auto;background:var(--green)}.quick-replies{padding:0 18px 15px;display:flex;gap:7px;overflow:auto}.quick-replies button{white-space:nowrap;border:1px solid #ccc8bc;background:transparent;padding:8px 10px;font-size:10px;cursor:pointer}.chat-form{border-top:1px solid #d3d0c7;display:flex;padding:11px}.chat-form input{border:0;outline:0;background:transparent;flex:1;font-size:12px;padding:8px}.chat-form button{border:0;background:var(--orange);width:34px;height:34px;cursor:pointer;font-weight:700}.toast{position:fixed;left:50%;bottom:25px;z-index:60;background:var(--green);color:var(--ink);font:11px var(--mono);padding:12px 16px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.cursor-glow{position:fixed;width:160px;height:160px;pointer-events:none;border-radius:50%;background:rgba(140,198,63,.08);filter:blur(45px);transform:translate(-50%,-50%);z-index:0}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sticker-float{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-8px)}}
@media(max-width:850px){.site-header{height:70px}.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{position:relative;z-index:3}.hero-visual{min-height:490px;margin-top:-20px}.pc-tower{width:260px}.hero-spec-card{left:0;bottom:4%}.tag-one{right:0;top:20%}.tag-two{right:0;bottom:16%}.peter-sticker{left:0;top:10%}.section-heading{display:block}.section-heading>p{margin-top:22px}.build-grid{grid-template-columns:1fr 1fr}.build-card{min-height:445px}.configurator{grid-template-columns:1fr;gap:50px}.config-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center}.config-intro p{grid-column:1}.config-orbit{grid-column:2;grid-row:1/3;margin:0 auto}.steps{grid-template-columns:1fr 1fr;row-gap:35px}.site-footer{gap:15px;flex-wrap:wrap}}@media(max-width:560px){.section-pad{padding-left:22px;padding-right:22px}.site-header{padding:0 22px}.icon-button{font-size:0;width:38px;justify-content:center;padding:0}.icon-button span:last-child{display:none}.hero{padding-top:52px}.hero h1{font-size:54px}.hero-visual{min-height:410px}.hero-grid{inset:5% -8%;background-size:28px 28px}.pc-tower{min-width:205px;width:57vw}.tower-body{height:310px}.cooler i{width:27px;height:27px}.cooler{left:15px;top:35px}.gpu{font-size:13px;right:20px;top:120px}.hero-spec-card{transform:scale(.84);transform-origin:left bottom}.floating-tag{transform:scale(.82);transform-origin:right}.peter-sticker{transform:scale(.75) rotate(-8deg);transform-origin:left top;left:0;top:6%}.tag-one{top:17%}.tag-two{bottom:12%}.ticker{justify-content:flex-start;gap:15px;padding:15px 22px;white-space:nowrap;overflow:hidden}.ticker div{font-size:9px}.ticker div:nth-child(n+3){display:none}.builds,.configurator,.process{padding-top:75px;padding-bottom:78px}.build-grid{grid-template-columns:1fr}.build-card{min-height:430px}.section-heading h2,.process h2{font-size:58px}.config-intro{display:block}.config-orbit{margin:35px 0 0 auto;width:130px;height:130px}.config-orbit:after{inset:23px}.config-orbit span:nth-child(1){top:10px;left:54px}.config-orbit span:nth-child(2){top:60px}.config-orbit span:nth-child(3){bottom:14px;left:22px}.config-orbit span:nth-child(4){top:53px}.config-panel{padding:22px;margin-top:-30px}.config-panel h3{margin-top:30px}.steps{grid-template-columns:1fr}.step:not(:last-child){border-right:0;margin-right:0}.site-footer{padding-top:25px;padding-bottom:25px}}
.auth-trigger{border:1px solid rgba(140,198,63,.65);background:transparent;color:var(--green);height:38px;padding:0 15px;font-size:11px;font-weight:800;cursor:pointer;margin-left:auto;margin-right:14px}.auth-trigger:hover{background:var(--green);color:var(--ink)}.auth-backdrop{position:fixed;inset:0;z-index:70;background:rgba(5,10,14,.74);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:.25s}.auth-backdrop.open{opacity:1;pointer-events:auto}.auth-modal{position:relative;width:min(490px,100%);background:var(--paper);color:var(--ink);padding:38px;box-shadow:20px 20px 0 rgba(140,198,63,.18);transform:translateY(18px) scale(.97);transition:.25s}.auth-backdrop.open .auth-modal{transform:none}.auth-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:26px;cursor:pointer;color:#59625c}.auth-kicker{color:#658d31;font:10px var(--mono);letter-spacing:.12em}.auth-modal h2{font-size:42px;margin:22px 0 26px;line-height:.95}.auth-modal h2 em{color:#dc8e1e}.auth-tabs{display:flex;border-bottom:1px solid #d2d5ce;margin-bottom:24px}.auth-tab{border:0;background:transparent;color:#858d87;padding:0 0 12px;margin-right:25px;cursor:pointer;font-size:12px;font-weight:800}.auth-tab.active{color:var(--ink);border-bottom:2px solid var(--green)}.auth-form label{display:block;font-size:11px;font-weight:800;margin-top:14px}.auth-form input{display:block;width:100%;border:1px solid #d2d5ce;background:#fffdf7;color:var(--ink);padding:13px 12px;margin-top:7px;outline:none;font-size:12px}.auth-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(140,198,63,.18)}.auth-submit{width:100%;margin-top:25px}.auth-divider{display:flex;align-items:center;gap:12px;color:#89928b;font-size:10px;margin:25px 0 16px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#d2d5ce;flex:1}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.social-button{border:1px solid #d2d5ce;background:#fffdf7;color:var(--ink);padding:12px 8px;font-size:10px;cursor:pointer;transition:.2s}.social-button:hover{border-color:var(--green);transform:translateY(-2px)}.social-button b{display:block;font-size:16px;margin-bottom:5px}.vk-button b{color:#2787f5}.yandex-button b{color:#e20f16}.telegram-button b{color:#2787f5}.auth-note{display:block;color:#89928b;font-size:9px;text-align:center;margin-top:22px}@media(max-width:560px){.auth-trigger{font-size:0;width:38px;padding:0;margin-right:8px}.auth-trigger:after{content:"↗";font-size:16px}.auth-modal{padding:28px 20px}.auth-modal h2{font-size:36px}.social-grid{grid-template-columns:1fr}.social-button{display:flex;align-items:center;gap:10px;text-align:left}.social-button b{margin:0}}
.admin-body{min-height:100vh;background:#101820}.admin-header{height:82px;padding:0 6vw;border-bottom:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;background:rgba(16,24,32,.9)}.owner-status{font:10px var(--mono);color:#a9b0ac;display:flex;align-items:center;gap:10px}.owner-status button{border:0;background:transparent;color:var(--orange);cursor:pointer;font-size:10px}.admin-shell{padding:70px 6vw 100px}.owner-login{width:min(480px,100%);margin:8vh auto;background:var(--paper);color:var(--ink);padding:38px;box-shadow:18px 18px 0 rgba(140,198,63,.18)}.owner-login h1,.admin-heading h1{font-size:clamp(54px,7vw,96px);line-height:.9;margin:22px 0}.owner-login h1 em,.admin-heading h1 em{color:var(--orange)}.owner-login p{color:#6d756f;font-size:13px;line-height:1.65;max-width:360px}.owner-login label{display:block;font-size:11px;font-weight:800;margin-top:16px}.owner-login input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d2d5ce;background:#fffdf7;outline:0}.owner-login .button{margin-top:25px;width:100%}.owner-login small{display:block;color:#89928b;font:9px var(--mono);margin-top:16px}.admin-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.live-indicator{font:10px var(--mono);color:var(--green);padding-bottom:13px}.admin-layout{display:grid;grid-template-columns:310px 1fr;min-height:560px;border:1px solid rgba(255,255,255,.14);background:#16232a}.conversation-list{border-right:1px solid rgba(255,255,255,.14);padding:22px}.list-heading{display:flex;justify-content:space-between;align-items:center;color:#a9b0ac;font:11px var(--mono);text-transform:uppercase;margin-bottom:18px}.list-heading span{display:grid;place-items:center;width:24px;height:24px;background:var(--green);color:var(--ink);border-radius:50%}.conversation-item{width:100%;display:grid;grid-template-columns:34px 1fr 20px;gap:10px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;color:var(--paper);padding:12px 7px;cursor:pointer}.conversation-item:hover,.conversation-item.active{background:#20333a;border-color:#416049}.conversation-avatar{display:grid;place-items:center;width:32px;height:32px;background:var(--green);color:var(--ink);font-weight:800;border-radius:50%}.conversation-item strong,.conversation-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item strong{font-size:11px}.conversation-item small{font-size:10px;color:#91a098;margin-top:4px}.conversation-item>b{font:10px var(--mono);color:var(--green)}.empty-list,.empty-chat{color:#819089;font-size:12px;padding:25px 5px}.conversation-view{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.conversation-top{padding:23px 28px;border-bottom:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between}.conversation-top strong,.conversation-top small{display:block}.conversation-top strong{font-size:14px}.conversation-top small{color:#91a098;font-size:10px;margin-top:5px}.owner-badge{font:9px var(--mono);color:var(--green);border:1px solid #547442;padding:6px 8px}.owner-messages{padding:26px 28px;overflow:auto}.owner-message{max-width:70%;padding:13px 15px;margin-bottom:12px;font-size:12px;line-height:1.5}.owner-message small{display:block;margin-top:8px;font:9px var(--mono);color:#819089}.owner-message.client{background:#e0ddd3;color:var(--ink)}.owner-message.owner{background:var(--green);color:var(--ink);margin-left:auto}.owner-form{display:flex;padding:15px 20px;border-top:1px solid rgba(255,255,255,.14);gap:10px}.owner-form input{flex:1;border:1px solid #3b4b51;background:#101820;color:var(--paper);padding:13px;outline:0;font-size:12px}.owner-form input:focus{border-color:var(--green)}.owner-form button{width:43px;border:0;background:var(--orange);color:var(--ink);font-weight:800;cursor:pointer}.owner-form button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:760px){.admin-header{height:70px;padding:0 22px}.owner-status{font-size:0}.owner-status button{font-size:10px}.admin-shell{padding:42px 22px}.admin-heading{display:block}.live-indicator{padding:0;margin-top:14px}.admin-layout{grid-template-columns:1fr}.conversation-list{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);max-height:220px;overflow:auto}.conversation-view{min-height:500px}.owner-message{max-width:88%}}
.site-editor{margin-bottom:28px;border:1px solid rgba(255,255,255,.14);background:#16232a}.site-editor summary{padding:17px 20px;color:var(--green);font:11px var(--mono);cursor:pointer;list-style:none;display:flex;justify-content:space-between}.site-editor summary::-webkit-details-marker{display:none}.site-editor summary span{font-size:18px}.site-editor-form{padding:0 20px 22px;display:grid;gap:12px}.site-editor-form label{color:#a9b0ac;font-size:10px;font-weight:700}.site-editor-form input,.site-editor-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #3b4b51;background:#101820;color:var(--paper);padding:11px;outline:0;font-size:12px;resize:vertical}.site-editor-form input:focus,.site-editor-form textarea:focus{border-color:var(--green)}.editor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.editor-actions{display:flex;align-items:center;gap:15px}.editor-reset{border:0;background:transparent;color:#a9b0ac;font-size:11px;cursor:pointer}.site-editor-form small{color:#819089;font:9px var(--mono)}@media(max-width:560px){.editor-grid{grid-template-columns:1fr}.editor-actions{align-items:stretch;flex-direction:column}.editor-actions .button{width:100%}}