:root{--bg:#071019;--panel:#0d1824;--panel2:#122131;--line:#22364a;--text:#edf6ff;--muted:#90a4b7;--accent:#f59e0b;--accent2:#fbbf24;--green:#20c997;--danger:#ef4444;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% -10%,#12304a 0,transparent 32%),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}main{min-height:calc(100vh - 180px)}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071019e0;border-bottom:1px solid #ffffff12;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;height:76px;margin:auto;padding:0 24px;display:flex}.brand{align-items:center;gap:11px;min-width:240px;display:flex}.brand-mark{background:linear-gradient(145deg,var(--accent),#d97706);color:#111827;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 0 26px #f59e0b44}.brand strong{font-size:17px;display:block}.brand small{color:var(--muted);margin-top:2px;font-size:10px;display:block}.nav-links{gap:6px;display:flex}.nav-links a{color:var(--muted);border-radius:10px;align-items:center;gap:7px;padding:10px 12px;font-size:14px;display:flex}.nav-links a:hover,.nav-links a.active{color:#fff;background:#ffffff0b}.nav-links a.active{box-shadow:inset 0 -2px var(--accent)}.nav-actions{align-items:center;gap:9px;display:flex}.icon-button,.avatar,.menu-button{border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.avatar{background:linear-gradient(145deg,#0f766e,#155e75);font-weight:800}.menu-button{display:none}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;max-width:1280px;min-height:650px;margin:0 auto;padding:92px 24px 70px;display:grid}.eyebrow{color:var(--accent2);letter-spacing:.16em;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.055em;margin:18px 0 24px;font-size:clamp(48px,7vw,82px);line-height:.98}.hero h1 em{color:var(--accent);font-style:normal}.hero p{color:var(--muted);max-width:720px;font-size:19px;line-height:1.7}.hero-actions,.header-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.button{border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 17px;font-weight:750;display:inline-flex}.button.primary{background:linear-gradient(145deg,var(--accent2),var(--accent));color:#17120a}.button.secondary{background:#ffffff0d;border:1px solid #ffffff1f}.button.ghost{border:1px solid var(--line);color:var(--muted);background:0 0}.button.full{width:100%}.hero-stats{gap:36px;margin-top:42px;display:flex}.hero-stats strong{font-size:25px;display:block}.hero-stats span{color:var(--muted);font-size:12px}.hero-orbit{place-items:center;height:430px;display:grid;position:relative}.obelisk{clip-path:polygon(50% 0,93% 18%,86% 100%,14% 100%,7% 18%);filter:drop-shadow(0 25px 35px #0009);background:linear-gradient(165deg,#3dd6bd,#0f766e 45%,#082f49);place-items:center;width:180px;height:240px;font-size:92px;font-weight:950;display:grid;box-shadow:0 0 80px #14b8a644}.orbit-card{border:1px solid var(--line);background:#0d1824f0;border-radius:13px;align-items:center;gap:9px;padding:13px 16px;display:flex;position:absolute;box-shadow:0 18px 40px #0008}.orbit-card svg{color:var(--accent)}.orbit-card.one{top:38px;right:15px}.orbit-card.two{bottom:44px;left:0}.orbit-card.three{bottom:15px;right:20px}.section{max-width:1280px;margin:0 auto;padding:72px 24px}.page-section{padding-top:52px}.section-heading,.page-title,.panel-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.section-heading h2,.page-title h1{letter-spacing:-.035em;margin:8px 0 0;font-size:38px}.page-title p{color:var(--muted);margin:8px 0 0}.section-heading>a,.panel-heading>a{color:var(--accent);align-items:center;gap:6px;display:flex}.card-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.server-card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 18px 45px #0004}.server-banner{height:160px;padding:14px;position:relative}.banner-top{justify-content:space-between;display:flex}.game-pill,.sponsored,.event-type{letter-spacing:.06em;text-transform:uppercase;background:#071019cc;border:1px solid #ffffff25;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:850;display:inline-flex}.sponsored{color:#1b1406;background:#f59e0be8}.heart{color:#fff;background:#071019cc;border:1px solid #ffffff25;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:14px;right:14px}.heart.active{color:#fb7185}.server-body{padding:20px}.server-title{align-items:center;gap:8px;display:flex}.server-title h3{margin:0;font-size:21px}.server-title svg{color:#60a5fa}.server-body p{color:var(--muted);min-height:70px;line-height:1.55}.meta-row{color:#bfd0df;flex-wrap:wrap;gap:10px;margin:14px 0;font-size:12px;display:flex}.meta-row span{align-items:center;gap:5px;display:inline-flex}.tag-row{flex-wrap:wrap;gap:7px;margin:14px 0 20px;display:flex}.tag-row span{color:#b9cad9;background:#ffffff09;border:1px solid #ffffff12;border-radius:8px;padding:6px 8px;font-size:11px}.tag-row.large span{padding:9px 11px;font-size:13px}.feature-strip{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1280px;margin:22px auto 0;padding:25px 24px 80px;display:grid}.feature-strip>div{border-top:1px solid var(--line);padding:24px}.feature-strip svg{color:var(--accent)}.feature-strip h3{margin:14px 0 7px}.feature-strip p{color:var(--muted);line-height:1.55}.cta{background:linear-gradient(105deg,#f59e0b14,#0d1824);border:1px solid #f59e0b55;border-radius:20px;align-items:center;gap:22px;max-width:1180px;margin:0 auto 90px;padding:30px;display:flex}.cta svg{color:var(--accent)}.cta h2{margin:0 0 5px}.cta p{color:var(--muted);margin:0}.cta .button{margin-left:auto}.filter-panel,.toolbar{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;gap:10px;margin-bottom:26px;padding:14px;display:flex}.filter-panel select,.toolbar select{min-width:115px}.search-input{border:1px solid var(--line);background:#08121d;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:250px;padding:0 12px;display:flex}.search-input input{color:#fff;background:0 0;border:0;outline:0;width:100%}.filter-panel select,.toolbar select,.form-card input,.form-card select,.form-card textarea{color:#fff;border:1px solid var(--line);background:#08121d;border-radius:10px;padding:11px 12px}.segmented{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:4px}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px 14px}.segmented button.active{background:var(--accent);color:#17120a;font-weight:800}.swipe-layout{grid-template-columns:270px 1fr;align-items:start;gap:28px;display:grid}.match-panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px;position:sticky;top:100px}.match-panel>svg{color:var(--accent)}.match-panel p{color:var(--muted)}.match-list{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.match-list span{background:#ffffff0a;border-radius:7px;padding:6px 8px;font-size:11px}.swipe-stage{width:100%;max-width:590px;margin:auto}.swipe-stage .server-card{box-shadow:0 30px 70px #0008}.swipe-stage .server-banner{height:260px}.swipe-actions{grid-template-columns:1fr 1fr;gap:13px;margin-top:15px;display:grid}.swipe-button{border:1px solid var(--line);border-radius:13px;justify-content:center;align-items:center;gap:8px;height:54px;font-weight:800;display:flex}.swipe-button.reject{color:#fca5a5;background:#32151a}.swipe-button.save{color:#6ee7b7;background:#123328}.empty-state{text-align:center;background:var(--panel);border:1px dashed var(--line);border-radius:16px;grid-column:1/-1;padding:60px 25px}.empty-state p{color:var(--muted)}.detail-hero{border-radius:24px;align-items:flex-end;min-height:360px;padding:48px;display:flex;position:relative;overflow:hidden}.detail-hero:after{content:"";background:linear-gradient(#0000 10%,#071019ee);position:absolute;inset:0}.detail-hero>div{z-index:2;max-width:760px;position:relative}.detail-hero h1{margin:15px 0 10px;font-size:52px}.detail-hero p{color:#d7e2eb;font-size:18px;line-height:1.6}.detail-grid{grid-template-columns:1fr 310px;gap:22px;margin-top:22px;display:grid}.detail-main{gap:22px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.panel h2,.panel h3{margin-top:0}.stat-grid,.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat-grid>div,.dashboard-stats>div{border:1px solid var(--line);background:#08121d;border-radius:13px;padding:17px}.stat-grid svg,.dashboard-stats svg{color:var(--accent)}.stat-grid strong,.dashboard-stats strong{margin:9px 0 2px;font-size:23px;display:block}.stat-grid span,.dashboard-stats span{color:var(--muted);font-size:12px}.rate-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.rate-grid>div{background:#08121d;border-radius:11px;padding:15px}.rate-grid span{color:var(--muted);text-transform:capitalize;display:block}.rate-grid strong{font-size:20px}.check-list{grid-template-columns:1fr 1fr;gap:12px;padding:0;list-style:none;display:grid}.check-list li{align-items:center;gap:9px;display:flex}.check-list svg{color:var(--green);width:18px}.detail-side{height:max-content;position:sticky;top:100px}.detail-side dl{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.detail-side dt{color:var(--muted)}.detail-side dd{text-align:right;margin:0}.timeline{gap:18px;display:grid}.timeline-item{grid-template-columns:70px 1fr;gap:16px;display:grid}.date-badge{background:var(--accent);color:#17120a;border-radius:13px;align-content:center;place-items:center;height:70px;display:grid}.date-badge strong{font-size:25px}.date-badge span{text-transform:uppercase;font-size:11px;font-weight:800}.timeline-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.timeline-card h3{margin:9px 0 5px}.timeline-card p{color:var(--muted);margin:0}.recruit-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.recruit-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.recruit-head{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.recruit-card>p{color:var(--muted);line-height:1.55}.recruit-meta{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.recruit-meta span{color:#c9d6e2;align-items:center;gap:7px;font-size:12px;display:flex}.recruit-meta svg{width:16px;color:var(--accent)}.contact-box{background:#08121d;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.contact-box small{color:var(--muted);display:block}.contact-box strong{font-size:13px}.narrow{max-width:920px}.form-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:24px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid label{color:#c8d5df;gap:8px;font-size:13px;display:grid}.form-grid .wide{grid-column:1/-1}.form-card textarea{resize:vertical}.form-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.dashboard-stats{margin-bottom:22px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}td small,td strong{display:block}td small{color:var(--muted);margin-top:4px}.status{text-transform:capitalize;border-radius:99px;padding:5px 8px;font-size:11px}.status.pending{color:#fde68a;background:#5a4308}.status.rejected{color:#fca5a5;background:#4a1717}.table-actions{gap:8px;display:flex}.table-actions a,.table-actions button,.mini-row button{border:1px solid var(--line);color:#cbd8e3;background:#08121d;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.table-actions svg,.mini-row svg{width:16px}.two-col{grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;display:grid}.mini-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 0;display:flex}.mini-row small{color:var(--muted);margin-top:3px;display:block}.decision-buttons{gap:8px;display:flex}.decision-buttons button{border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-weight:800;display:flex}.decision-buttons svg{width:15px}.decision-buttons .approve{color:#8ff0c9;background:#124b38}.decision-buttons .reject{color:#fca5a5;background:#4a1717}.prose{line-height:1.75}.prose p{color:var(--muted)}.toast{z-index:100;background:#10283a;border:1px solid #3c6177;border-radius:12px;padding:14px 18px;position:fixed;bottom:22px;right:22px;box-shadow:0 20px 50px #0009}.footer{border-top:1px solid var(--line);max-width:1280px;color:var(--muted);grid-template-columns:1fr auto;gap:16px;margin:40px auto 0;padding:35px 24px;display:grid}.footer strong{color:#fff}.footer p{margin:6px 0}.footer-links{gap:18px;display:flex}.footer>small{grid-column:1/-1;font-size:11px}.toolbar{align-items:center}.toolbar svg{color:var(--accent)}@media (max-width:1000px){.nav-links{border:1px solid var(--line);background:#0b1722;border-radius:14px;flex-direction:column;padding:10px;display:none;position:fixed;top:84px;left:16px;right:16px}.nav-links.open{display:flex}.menu-button{display:grid}.brand small{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-orbit{display:none}.card-grid,.feature-strip{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.detail-side{position:static}.stat-grid,.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.nav-shell{padding:0 15px}.brand{min-width:0}.brand strong{font-size:15px}.icon-button{display:none}.hero{min-height:auto;padding:55px 18px}.hero h1{font-size:48px}.hero p{font-size:16px}.hero-stats{gap:18px}.section{padding:48px 16px}.page-title,.section-heading{flex-direction:column;align-items:flex-start}.section-heading h2,.page-title h1{font-size:32px}.card-grid,.recruit-grid,.two-col{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr;padding:10px 16px 55px}.cta{flex-direction:column;align-items:flex-start;margin:0 16px 60px}.cta .button{width:100%;margin-left:0}.filter-panel{grid-template-columns:1fr 1fr;display:grid}.search-input{grid-column:1/-1;min-width:0}.swipe-layout{grid-template-columns:1fr}.match-panel{position:static}.swipe-stage .server-banner{height:210px}.detail-hero{min-height:310px;padding:25px}.detail-hero h1{font-size:38px}.stat-grid,.dashboard-stats,.rate-grid{grid-template-columns:1fr 1fr}.check-list{grid-template-columns:1fr}.timeline-item{grid-template-columns:55px 1fr}.date-badge{height:58px}.timeline-card{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer>small{grid-column:auto}.recruit-meta{grid-template-columns:1fr}.hero-actions .button{width:100%}}.auth-status{color:var(--muted);font-size:.85rem}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.button.compact{padding:.58rem .78rem;font-size:.82rem}.account-card{align-items:center;gap:1.25rem;display:flex}.profile-avatar{object-fit:cover;border:2px solid var(--accent);border-radius:50%;width:88px;height:88px}.banner-preview{border:1px solid var(--line);border-radius:14px;height:230px;background-position:50%!important;background-size:cover!important}.field-label{color:#c8d5df;margin-bottom:8px;font-size:13px;display:block}.price-box{border:1px solid var(--line);background:#08121d;border-radius:10px;padding:12px;font-size:20px;font-weight:800}.payment-steps{color:var(--muted);margin:20px 0}.payment-confirm{margin-top:20px}.button.disabled{opacity:.45;pointer-events:none}.muted{color:var(--muted)}.admin-section{margin-top:22px}.checkbox-label{align-items:center;gap:9px;display:flex!important}.checkbox-label input{width:auto}.package-editor{gap:10px;margin:20px 0;display:grid}.package-row{grid-template-columns:2fr 110px 130px 120px 44px;align-items:center;gap:10px;display:grid}.package-row input{color:#fff;border:1px solid var(--line);background:#08121d;border-radius:10px;padding:11px 12px}.package-row label{align-items:center;gap:7px;display:flex}.package-row button{border:1px solid var(--line);color:#fca5a5;background:#251318;border-radius:10px;height:42px}.inline-form{flex-wrap:wrap;gap:10px;display:flex}.inline-form select,.inline-form input{color:#fff;border:1px solid var(--line);background:#08121d;border-radius:10px;padding:11px 12px}.status.approved{color:#88f0c2;background:#0f513b}.status.rejected,.status.refunded{color:#fca5a5;background:#4a1717}@media (max-width:700px){.package-row{grid-template-columns:1fr 1fr}.package-row input:first-child{grid-column:1/-1}}.server-banner,.detail-hero,.banner-preview{position:relative;overflow:hidden}.server-banner-image,.banner-preview img{object-fit:cover;transform-origin:50%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.banner-shade{pointer-events:none;background:linear-gradient(#07101900 45%,#07101922);position:absolute;inset:0}.server-banner>.banner-top,.server-banner>.heart{z-index:3;position:absolute}.detail-hero>.server-banner-image{z-index:0}.detail-shade{z-index:1;background:linear-gradient(#0000 10%,#071019ee);position:absolute;inset:0}.detail-content{z-index:2;max-width:760px;position:relative}.detail-hero:after{display:none}.banner-preview.interactive{cursor:grab;touch-action:none;background:#08121d;height:260px}.banner-preview.interactive:active{cursor:grabbing}.banner-preview.interactive span{z-index:2;border:1px solid var(--line);color:#d7e2eb;pointer-events:none;background:#071019cc;border-radius:8px;padding:7px 10px;font-size:12px;position:absolute;bottom:12px;left:12px}.crop-editor{gap:12px;display:grid}.crop-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.crop-controls label{flex:1;align-items:center;gap:10px;min-width:260px;display:flex!important}.crop-controls input[type=range]{flex:1}.crop-controls strong{text-align:right;min-width:52px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (max-width:700px){.crop-controls{flex-direction:column;align-items:stretch}.crop-controls label{min-width:0}.banner-preview.interactive{height:210px}}.server-banner{background:#08121d;padding:0}.server-banner .banner-shade{background:linear-gradient(#030a1114,#030a1147)}.card-status-row{justify-content:space-between;align-items:center;gap:12px;margin:-4px 0 14px;display:flex}.card-status-badges{flex-wrap:wrap;gap:8px;display:flex}.card-status-row .heart{flex:none;position:static}.detail-shade{background:linear-gradient(90deg,#030a11f5 0%,#030a11d1 40%,#030a1157 72%,#030a1129 100%),linear-gradient(#030a1114,#030a119e)}.detail-content{max-width:640px}.detail-copy-panel{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:0 2px 8px #000c;background:#040e18b8;border:1px solid #ffffff1f;border-radius:16px;padding:20px 22px;box-shadow:0 18px 45px #00000059}.detail-copy-panel h1{margin:14px 0 10px}.detail-copy-panel p{color:#d7e2eb}.crop-controls{align-items:flex-start;gap:14px}.crop-action-buttons{flex-wrap:wrap;gap:8px;display:flex}.banner-preview img,.server-banner-image{background:#08121d}@media (max-width:700px){.detail-shade{background:linear-gradient(#030a1142 0%,#030a11b8 38%,#030a11f5 100%)}.detail-copy-panel{padding:16px}.crop-action-buttons{width:100%}.crop-action-buttons .button{flex:1}}.swipe-actions{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.swipe-button.hide{color:#c4b5fd;background:#2e106533;border-color:#8b5cf655}.hidden-list{gap:0;display:grid}.hidden-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px 0;display:flex}.hidden-row:last-child{border-bottom:0}.hidden-row small{color:var(--muted);margin-top:5px;display:block}.hidden-actions,.account-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:700px){.swipe-actions{grid-template-columns:1fr}.hidden-row{flex-direction:column;align-items:flex-start}.hidden-actions{width:100%}.hidden-actions .button{flex:1}}