@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root { color-scheme: dark; --bg: #07101d; --panel: #0e1a2c; --panel-2: #132139; --line: rgba(151, 177, 218, .15); --text: #f6f8fc; --muted: #8ea0ba; --blue: #2b91ff; --cyan: #67ddff; --green: #27e99c; --orange: #ff9d5b; font-family: Manrope, Segoe UI, sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; overflow-x: hidden; color: var(--text); background: radial-gradient(circle at 70% 8%, rgba(43,145,255,.12), transparent 30%), linear-gradient(180deg, #08111f, #07101d 55%, #050b14); }
button, input, textarea { font: inherit; }
a { color: inherit; text-decoration: none; }
[hidden] { display: none !important; }
.ambient { position: fixed; z-index: -1; width: 420px; height: 420px; border-radius: 50%; filter: blur(120px); opacity: .18; pointer-events: none; }
.ambient-one { top: 24%; left: -210px; background: #245eff; }
.ambient-two { right: -220px; bottom: 10%; background: #16c6ff; }
.section-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }

.site-header { position: sticky; z-index: 50; top: 0; height: 76px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 max(24px, calc((100vw - 1180px) / 2)); border-bottom: 1px solid rgba(145,169,205,.1); background: rgba(7, 16, 29, .82); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 10px; width: max-content; }
.brand img { width: 34px; height: 34px; }
.brand span { font-size: 23px; font-weight: 800; letter-spacing: -1.2px; }
.brand strong { color: #54b6ff; }
.site-header nav { display: flex; gap: 30px; color: #aebcd1; font-size: 13px; font-weight: 600; }
.site-header nav a:hover { color: #fff; }
.site-header nav a.active { color: #fff; }
.header-action { justify-self: end; min-width: 88px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(115, 183, 255, .36); border-radius: 9px; background: rgba(34, 122, 218, .09); font-size: 12px; font-weight: 700; }
.header-action:hover { border-color: #58adff; background: rgba(34, 122, 218, .18); }

.hero { min-height: 760px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 70px; padding-block: 78px 90px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: #7d9cba; font-size: 10px; font-weight: 800; letter-spacing: 2.2px; }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 15px rgba(39,233,156,.8); }
.hero h1 { margin: 25px 0 25px; font-size: clamp(48px, 5.2vw, 76px); line-height: .98; letter-spacing: -4.3px; }
.hero h1 em { color: transparent; background: linear-gradient(90deg, #5ab7ff, #79e8ff); background-clip: text; font-style: normal; }
.hero-copy > p { max-width: 560px; color: #97a8bf; font-size: 16px; line-height: 1.72; }
.hero-actions { display: flex; align-items: center; gap: 13px; margin-top: 35px; }
.primary-action, .ghost-action { height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; border-radius: 11px; padding: 0 22px; font-size: 13px; font-weight: 800; }
.primary-action { color: #fff; background: linear-gradient(135deg, #1688ff, #3978ff); box-shadow: 0 16px 36px rgba(24,118,255,.24); }
.primary-action:hover { transform: translateY(-1px); box-shadow: 0 20px 45px rgba(24,118,255,.34); }
.primary-action span { font-size: 20px; }
.ghost-action { border: 1px solid var(--line); background: rgba(255,255,255,.025); color: #bbc8d9; }
.ghost-action:hover { border-color: rgba(105,187,255,.55); color: #fff; }
.trust-row { display: flex; gap: 22px; margin-top: 58px; color: #6f829d; font-size: 10px; text-transform: uppercase; letter-spacing: .6px; }
.trust-row span { display: flex; align-items: center; gap: 7px; }
.trust-row b { color: #4d98df; font-size: 9px; }

.product-window { position: relative; width: 660px; max-width: 56vw; aspect-ratio: 1.2; border: 1px solid rgba(125,164,217,.25); border-radius: 18px; overflow: hidden; background: #111c30; box-shadow: 0 44px 100px rgba(0,0,0,.46), 0 0 80px rgba(41,130,230,.08); transform: perspective(1400px) rotateY(-3deg) rotateX(1deg); }
.product-window::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(120deg, rgba(255,255,255,.055), transparent 25%); }
.window-bar { height: 37px; display: flex; align-items: center; gap: 7px; padding: 0 14px; background: #0c1628; border-bottom: 1px solid #24314a; }
.window-bar > span { width: 7px; height: 7px; border-radius: 50%; background: #3b4c67; }
.window-bar > span:first-child { background: #ff6b72; }.window-bar > span:nth-child(2) { background: #ffc358; }.window-bar > span:nth-child(3) { background: #33d58e; }
.window-bar b { margin-left: 8px; color: #687c9c; font-size: 9px; font-weight: 600; }
.window-body { height: calc(100% - 37px); display: grid; grid-template-columns: 49px 205px 1fr; }
.mock-rail { padding: 13px 8px; display: flex; flex-direction: column; align-items: center; gap: 15px; background: #0a1425; border-right: 1px solid #202d44; }
.mock-rail img { width: 27px; height: 27px; margin-bottom: 9px; }.mock-rail i { width: 25px; height: 25px; border-radius: 8px; background: #18263c; }.mock-rail i:nth-of-type(2) { background: #173656; box-shadow: inset 2px 0 #2293ff; }
.mock-channels { padding: 13px 9px; background: #142138; border-right: 1px solid #28354d; }
.mock-server { height: 48px; display: grid; grid-template-columns: 31px 1fr auto; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #3c506f; border-radius: 9px; background: #111d32; }.mock-server img { width: 28px; }.mock-server strong { font-size: 11px; }.mock-server span { color: #ffbf4a; }
.mock-channel { height: 31px; margin-top: 8px; display: grid; grid-template-columns: 16px 1fr auto; align-items: center; gap: 4px; padding: 0 8px; border-radius: 6px; background: #1a2840; color: #c1ccda; font-size: 9px; }.mock-channel.active { border-left: 2px solid #1d91ff; background: linear-gradient(90deg, #263c5b, #1a2840); }.mock-channel small { color: #607491; }.signal { width: 10px; height: 7px; border: solid #56adff; border-width: 0 0 1px 1px; transform: rotate(-45deg); }
.mock-user { height: 35px; display: grid; grid-template-columns: 25px 1fr 8px; align-items: center; gap: 7px; padding: 0 11px 0 22px; color: #8293ac; font-size: 9px; }.mock-user > span { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: #34445c; color: #dce6f3; }.mock-user.speaking { color: #fff; }.mock-user.speaking > span { box-shadow: 0 0 0 2px #27e99c; }.mock-user.speaking i { width: 6px; height: 6px; border-radius: 50%; background: #27e99c; }
.mock-stage { padding: 18px; background: #101b2e; }.stage-heading { height: 42px; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 10px; border-bottom: 1px solid #26344b; }.stage-heading > span { grid-row: 1 / 3; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #4a5d78; border-radius: 8px; color: #75bfff; }.stage-heading strong { align-self: end; font-size: 14px; }.stage-heading small { align-self: start; color: #6f829d; font-size: 8px; }
.stage-card { position: relative; height: 230px; margin-top: 17px; overflow: hidden; padding: 19px; border: 1px solid #314665; border-radius: 12px; background: radial-gradient(circle at 67% 35%, rgba(40,139,243,.35), transparent 35%), linear-gradient(145deg, #1b304d, #0a1424); }.live-pill { display: inline-flex; border-radius: 10px; padding: 4px 8px; color: #ff8793; background: rgba(255,77,97,.1); font-size: 7px; font-weight: 800; }.screen-lines { position: absolute; inset: 68px 22px 56px; display: grid; gap: 8px; }.screen-lines i { border-radius: 5px; background: linear-gradient(90deg, rgba(99,185,255,.23), rgba(255,255,255,.025)); }.screen-lines i:nth-child(2) { width: 76%; }.screen-lines i:nth-child(3) { width: 88%; }.screen-lines i:nth-child(4) { width: 54%; }.stage-card b, .stage-card > small { position: absolute; left: 18px; bottom: 25px; font-size: 9px; }.stage-card > small { bottom: 12px; color: #687d9a; font-size: 7px; }.stage-controls { display: flex; justify-content: center; gap: 7px; margin-top: 16px; }.stage-controls button { min-width: 32px; height: 30px; border: 1px solid #354761; border-radius: 8px; color: #b8c7da; background: #192840; font-size: 9px; }.stage-controls .end { padding: 0 13px; border-color: rgba(255,94,111,.25); color: #ff8e9b; }

.metric-strip { min-height: 135px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; border-block: 1px solid var(--line); }.metric-strip div { min-height: 68px; display: flex; flex-direction: column; justify-content: center; padding-left: 38px; border-left: 1px solid var(--line); }.metric-strip div:first-child { padding-left: 0; border: 0; }.metric-strip strong { font-size: 25px; letter-spacing: -1.2px; }.metric-strip span { margin-top: 5px; color: #7487a2; font-size: 10px; text-transform: uppercase; letter-spacing: .8px; }

.features { padding-block: 120px; }.section-heading { max-width: 690px; margin-bottom: 46px; }.section-heading > span, .card-kicker { color: #488bd0; font-size: 9px; font-weight: 800; letter-spacing: 2px; }.section-heading h2, .security h2, .download h2, .account h2 { margin: 14px 0; font-size: clamp(34px, 4vw, 52px); line-height: 1.08; letter-spacing: -2px; }.section-heading p, .security p, .download p, .account-intro > p { color: #899bb4; font-size: 14px; line-height: 1.7; }
.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.feature-card { position: relative; min-height: 290px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(150deg, rgba(22,37,61,.9), rgba(10,19,33,.92)); }.feature-card::before { content: ''; position: absolute; inset: 0; opacity: 0; background: radial-gradient(circle at 50% 0, rgba(43,145,255,.18), transparent 48%); transition: opacity .25s; }.feature-card:hover::before { opacity: 1; }.feature-wide { grid-column: span 2; }.feature-number { position: absolute; top: 19px; right: 21px; color: #3e5676; font: 700 9px monospace; }.feature-card h3 { position: relative; margin: 0 0 9px; font-size: 18px; }.feature-card p { position: relative; min-height: 48px; margin: 0; color: #7f91aa; font-size: 11px; line-height: 1.5; }.feature-icon { position: absolute; top: 55px; left: 28px; width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(79,157,240,.25); border-radius: 14px; color: #6ec4ff; background: rgba(32,104,183,.1); font-size: 22px; }.sound-wave { position: absolute; top: 52px; left: 28px; height: 65px; display: flex; align-items: center; gap: 7px; }.sound-wave i { width: 4px; height: 20px; border-radius: 4px; background: linear-gradient(180deg, #71e7ff, #298cff); }.sound-wave i:nth-child(2),.sound-wave i:nth-child(8){height:34px}.sound-wave i:nth-child(3),.sound-wave i:nth-child(7){height:48px}.sound-wave i:nth-child(4),.sound-wave i:nth-child(6){height:62px}.sound-wave i:nth-child(5){height:42px}

.security { min-height: 620px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 95px; border-block: 1px solid var(--line); }.security-visual { position: relative; height: 440px; display: grid; place-items: center; }.shield-ring { width: 190px; height: 190px; display: grid; place-items: center; border: 1px solid rgba(89,181,255,.34); border-radius: 50%; background: radial-gradient(circle, rgba(50,151,255,.19), rgba(9,20,35,.2) 68%); box-shadow: 0 0 100px rgba(33,124,222,.14); }.shield-ring::before, .shield-ring::after { content: ''; position: absolute; width: 285px; height: 285px; border: 1px solid rgba(79,143,214,.12); border-radius: 50%; }.shield-ring::after { width: 380px; height: 380px; }.shield-ring img { width: 84px; filter: drop-shadow(0 12px 28px rgba(54,161,255,.25)); }.orbit { position: absolute; min-width: 68px; height: 27px; display: grid; place-items: center; border: 1px solid #314760; border-radius: 15px; color: #7fbfff; background: #101e31; font: 700 8px monospace; }.orbit-one { top: 84px; left: 80px; }.orbit-two { right: 48px; top: 195px; }.orbit-three { bottom: 65px; left: 130px; }.security ul { display: grid; gap: 13px; margin: 28px 0 0; padding: 0; list-style: none; color: #b9c5d5; font-size: 12px; }.security li::before { content: '✓'; margin-right: 11px; color: var(--green); }

.download { min-height: 390px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 60px; }.download p { max-width: 620px; }.release-meta { display: flex; gap: 9px; margin-top: 25px; }.release-meta span { min-height: 26px; display: inline-flex; align-items: center; border: 1px solid var(--line); border-radius: 14px; padding: 0 10px; color: #8092ad; font-size: 9px; }.download-actions { display:grid; gap:10px; }.download-button { min-width: 310px; min-height: 86px; display: grid; grid-template-columns: 1fr 42px; align-content: center; padding: 0 25px; border-radius: 16px; background: linear-gradient(135deg,#1688ff,#3376f6); box-shadow: 0 25px 55px rgba(22,136,255,.22); }.download-button.server-download { border:1px solid #314a69; background:linear-gradient(135deg,#142b46,#17243b); box-shadow:none; }.download-button:hover { transform: translateY(-2px); }.download-button.disabled { opacity: .5; pointer-events: none; }.download-button span { font-size: 16px; font-weight: 800; }.download-button small { color: rgba(255,255,255,.68); font-size: 9px; }.download-button b { grid-column: 2; grid-row: 1 / 3; font-size: 28px; text-align: right; }

.account { min-height: 650px; display: grid; grid-template-columns: 1fr 480px; align-items: center; gap: 100px; padding-block: 80px; border-top: 1px solid var(--line); }.account-note { display: flex; align-items: center; gap: 13px; margin-top: 34px; }.account-note img { width: 40px; }.account-note > span { display: flex; flex-direction: column; gap: 3px; }.account-note b { font-size: 12px; }.account-note small { color: #6f829d; font-size: 9px; }
.auth-card, .admin-card { border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, rgba(19,34,57,.96), rgba(10,20,35,.96)); box-shadow: 0 24px 70px rgba(0,0,0,.22); }.auth-card { padding: 25px; }.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin-bottom: 24px; padding: 4px; border-radius: 11px; background: #0b1627; }.auth-tabs button { height: 38px; border: 0; border-radius: 8px; color: #71849f; background: transparent; cursor: pointer; font-size: 11px; font-weight: 700; }.auth-tabs button.active { color: #fff; background: #203450; box-shadow: 0 5px 15px rgba(0,0,0,.22); }.auth-card form, .release-form { display: grid; gap: 15px; }.auth-card label, .release-form label { display: grid; gap: 7px; color: #8799b1; font-size: 10px; font-weight: 600; }.auth-card input, .release-form input, .release-form textarea { width: 100%; border: 1px solid #30425e; border-radius: 9px; color: #fff; outline: none; background: #111f34; }.auth-card input, .release-form input { height: 44px; padding: 0 12px; }.release-form textarea { padding: 11px 12px; resize: vertical; }.auth-card input:focus, .release-form input:focus, .release-form textarea:focus { border-color: #328ff0; box-shadow: 0 0 0 3px rgba(43,145,255,.1); }.auth-submit { height: 46px; display: flex; align-items: center; justify-content: space-between; border: 0; border-radius: 10px; padding: 0 16px; color: #fff; background: linear-gradient(135deg,#1688ff,#3376f6); cursor: pointer; font-size: 12px; font-weight: 800; }.auth-submit:disabled { opacity: .55; cursor: wait; }.auth-submit span { font-size: 17px; }.auth-message { min-height: 20px; margin-top: 12px; color: #ff98a5; font-size: 10px; text-align: center; }.auth-message.success { color: var(--green); }.profile-state { min-height: 130px; display: grid; grid-template-columns: 54px 1fr auto; align-items: center; gap: 14px; }.profile-avatar { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 50%; color: #dceeff; background: linear-gradient(145deg,#285a8d,#1e3556); font-size: 13px; font-weight: 800; }.profile-state > span:nth-child(2) { display: flex; flex-direction: column; gap: 4px; }.profile-state small { color: #71839d; }.profile-state button { border: 1px solid #42536e; border-radius: 8px; padding: 8px 11px; color: #aebdd1; background: transparent; cursor: pointer; }

.account-cta { display:grid; justify-items:start; gap:13px; padding:34px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(19,34,57,.96),rgba(10,20,35,.96)); }.account-cta > img { width:52px; }.account-cta > strong { font-size:22px; }.account-cta p { margin:0 0 8px; color:var(--muted); font-size:12px; line-height:1.6; }.account-cta .auth-submit { width:100%; }.text-action { justify-self:center; border:0; color:#7ebfff; background:none; cursor:pointer; font-size:11px; }
.modal-open { overflow:hidden; }.auth-modal { position:fixed; z-index:1000; inset:0; display:grid; place-items:center; padding:20px; }.auth-modal-backdrop { position:absolute; inset:0; border:0; background:rgba(2,7,14,.78); backdrop-filter:blur(14px); }.auth-dialog { position:relative; width:min(430px,100%); padding:28px; border:1px solid rgba(99,174,255,.3); border-radius:20px; background:linear-gradient(145deg,#152641,#0b1729); box-shadow:0 35px 100px rgba(0,0,0,.55); }.auth-close { position:absolute; top:15px; right:16px; width:32px; height:32px; border:1px solid var(--line); border-radius:9px; color:#9aacbf; background:#111e32; cursor:pointer; font-size:20px; }.auth-dialog-brand { display:flex; align-items:center; gap:11px; }.auth-dialog-brand img { width:38px; }.auth-dialog-brand > span { display:flex; flex-direction:column; }.auth-dialog-brand b { font-size:13px; }.auth-dialog-brand small { color:#6f839f; font-size:9px; }.auth-dialog h2 { margin:24px 0 18px; font-size:28px; }.auth-dialog form { display:grid; gap:15px; }.auth-dialog label { display:grid; gap:7px; color:#92a4bd; font-size:11px; font-weight:600; }.auth-dialog input { width:100%; height:46px; border:1px solid #304660; border-radius:10px; padding:0 13px; color:#fff; outline:none; background:#0c192b; }.auth-dialog input:focus { border-color:#2c93ff; box-shadow:0 0 0 3px rgba(43,145,255,.12); }
.page-hero { min-height:430px; display:flex; flex-direction:column; justify-content:center; padding-top:30px; border-bottom:1px solid var(--line); }.page-hero h1 { max-width:820px; margin:22px 0 18px; font-size:clamp(48px,7vw,82px); line-height:1; letter-spacing:-4px; }.page-hero p { max-width:760px; margin:0; color:#91a3bb; font-size:16px; line-height:1.75; }.page-features { padding-top:70px; }.download-page { min-height:480px; }.server-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding-block:80px; }.server-steps article { min-height:235px; padding:28px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,#12213a,#0b1729); }.server-steps b { color:#52b3ff; font:700 11px monospace; }.server-steps h2 { margin:45px 0 12px; font-size:20px; }.server-steps p,.server-data p { color:#8295ae; font-size:12px; line-height:1.65; }.server-data { min-height:300px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:50px; border-top:1px solid var(--line); }.server-data h2 { margin:14px 0 10px; font-size:36px; }.server-data code { color:#70c7ff; }
.profile-page { min-height:calc(100vh - 226px); padding-block:76px; }.profile-hero { min-height:220px; display:grid; grid-template-columns:132px 1fr auto; align-items:center; gap:28px; padding:34px; border:1px solid var(--line); border-radius:22px; background:linear-gradient(130deg,rgba(25,53,89,.95),rgba(11,23,41,.95)); }.profile-avatar-large { position:relative; width:112px; height:112px; display:grid; place-items:center; overflow:hidden; border:2px solid rgba(98,190,255,.5); border-radius:50%; color:#fff; background-position:center; background-size:cover; background-color:#244b75; cursor:pointer; font-size:26px; font-weight:800; }.profile-avatar-large input { position:absolute; opacity:0; pointer-events:none; }.profile-avatar-large span { position:absolute; inset:auto 0 0; padding:7px; color:#d8edff; background:rgba(3,11,22,.78); font-size:9px; text-align:center; }.profile-hero h1 { margin:12px 0 5px; font-size:42px; }.profile-hero p { margin:0; color:#7c9abc; }.profile-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:12px; }.profile-grid article { min-height:110px; display:flex; flex-direction:column; justify-content:center; gap:8px; padding:24px; border:1px solid var(--line); border-radius:15px; background:#0e1b2e; }.profile-grid small { color:#7186a3; }.profile-grid strong { font-size:17px; }.online-status { color:var(--green); }.profile-panel { display:grid; grid-template-columns:1fr auto; align-items:center; gap:40px; margin-top:12px; padding:30px; border:1px solid var(--line); border-radius:15px; background:#0e1b2e; }.profile-panel h2 { margin:0 0 8px; }.profile-panel p { max-width:650px; color:#8194ad; line-height:1.6; }.profile-actions { display:flex; gap:10px; }

.admin { padding-block: 110px; border-top: 1px solid var(--line); }.admin-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-bottom: 12px; }.admin-stats > div { min-height: 105px; display: flex; flex-direction: column; justify-content: center; padding: 0 25px; border: 1px solid var(--line); border-radius: 14px; background: rgba(18,32,53,.75); }.admin-stats strong { font-size: 27px; }.admin-stats span { color: #7486a1; font-size: 10px; }.admin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.admin-card { padding: 25px; }.admin-card h3 { margin: 7px 0 23px; font-size: 18px; }.release-form input[type=file] { height: auto; padding: 10px; }.check-row { display: flex !important; grid-template-columns: 18px 1fr; align-items: center; }.check-row input { width: 16px; height: 16px; accent-color: #1688ff; }.upload-status { min-height: 16px; color: #7e92ad; font-size: 9px; }.release-list { display: grid; gap: 8px; }.release-row { display: grid; grid-template-columns: 1fr auto; gap: 5px 12px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: rgba(8,18,31,.55); }.release-row strong { font-size: 12px; }.release-row small { grid-column: 1; color: #71839d; font-size: 9px; }.release-row button { grid-column: 2; grid-row: 1 / 3; align-self: center; border: 0; color: #ff8593; background: transparent; cursor: pointer; font-size: 10px; }.users-card { margin-top: 12px; }.users-table { display: grid; }.user-row { min-height: 51px; display: grid; grid-template-columns: 1.4fr 1fr 1fr; align-items: center; border-top: 1px solid var(--line); color: #a7b5c8; font-size: 10px; }.user-row:first-child { border: 0; }.user-row strong { color: #eef3fb; }.user-row span:last-child { color: #6f829d; text-align: right; }
.site-footer { min-height: 150px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-top: 1px solid var(--line); color: #64768f; font-size: 10px; }.site-footer p { margin: 0; }.site-footer > span { justify-self: end; }

.install-guide { padding-bottom: 110px; }.install-hero { min-height: 440px; display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid var(--line); }.install-hero h1 { max-width: 900px; margin: 20px 0 18px; font-size: clamp(48px, 7vw, 82px); line-height: 1; letter-spacing: -4px; }.install-hero p { max-width: 780px; margin: 0; color: #91a3bb; font-size: 16px; line-height: 1.75; }.install-requirements { display: grid; grid-template-columns: 180px 1fr; align-items: start; gap: 40px; margin: 44px 0 72px; padding: 25px 28px; border: 1px solid rgba(54,151,255,.27); border-radius: 16px; background: linear-gradient(135deg,rgba(28,74,120,.22),rgba(11,24,42,.72)); }.install-requirements strong { color: #7bc7ff; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }.install-requirements ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 28px; margin: 0; padding: 0; list-style: none; color: #aab9cc; font-size: 12px; }.install-requirements li::before { content: '✓'; margin-right: 9px; color: var(--green); }.guide-step { display: grid; grid-template-columns: 90px minmax(0,820px); gap: 30px; padding: 58px 0; border-top: 1px solid var(--line); }.guide-step > span { color: #3b8fe5; font: 800 13px monospace; letter-spacing: 2px; }.guide-step h2,.install-troubleshooting h2 { margin: -6px 0 14px; font-size: 28px; }.guide-step p,.install-troubleshooting p { color: #899cb5; font-size: 13px; line-height: 1.72; }.guide-step code,.install-troubleshooting code { color: #91d7ff; font-family: 'Cascadia Code','SFMono-Regular',Consolas,monospace; }.guide-step pre,.install-troubleshooting pre { overflow-x: auto; margin: 20px 0 0; padding: 20px 22px; border: 1px solid #243c59; border-radius: 12px; background: #071323; box-shadow: inset 3px 0 #218fff; color: #a9ddff; font-size: 12px; line-height: 1.75; }.install-troubleshooting { margin-top: 30px; padding: 38px; border: 1px solid rgba(89,181,255,.3); border-radius: 18px; background: radial-gradient(circle at 90% 0,rgba(31,134,241,.14),transparent 42%),#0d1b2f; }.install-troubleshooting .primary-action { margin-top: 24px; }

@media (max-width: 1050px) { .hero { grid-template-columns: 1fr; }.product-window { width: 100%; max-width: 760px; justify-self: center; }.feature-grid { grid-template-columns: repeat(2,1fr); }.security { gap: 35px; }.account { grid-template-columns: 1fr 420px; gap: 45px; } }
@media (max-width: 760px) { .section-shell { width: min(100% - 30px, 1180px); }.site-header { height: 66px; grid-template-columns: 1fr auto; padding-inline: 15px; }.site-header nav { display: none; }.hero { min-height: auto; padding-block: 65px; }.hero h1 { font-size: 47px; letter-spacing: -3px; }.hero-actions { align-items: stretch; flex-direction: column; }.trust-row { align-items: flex-start; flex-direction: column; gap: 10px; margin-top: 35px; }.product-window { max-width: 100%; transform: none; }.window-body { grid-template-columns: 40px 145px 1fr; }.mock-stage { padding: 10px; }.metric-strip { grid-template-columns: 1fr 1fr; padding-block: 18px; }.metric-strip div { padding-left: 18px; }.metric-strip div:nth-child(3) { border: 0; }.features { padding-block: 80px; }.feature-grid { grid-template-columns: 1fr; }.feature-wide { grid-column: auto; }.security { grid-template-columns: 1fr; gap: 10px; padding-block: 70px; }.security-visual { height: 380px; }.download { grid-template-columns: 1fr; gap: 25px; padding-block: 75px; }.download-button { min-width: 0; }.account { grid-template-columns: 1fr; gap: 35px; padding-block: 70px; }.admin-grid, .admin-stats { grid-template-columns: 1fr; }.user-row { grid-template-columns: 1fr; gap: 3px; padding: 10px 0; }.user-row span:last-child { text-align: left; }.site-footer { grid-template-columns: 1fr; gap: 12px; padding-block: 35px; }.site-footer > span { justify-self: start; }.install-hero { min-height: 360px; }.install-hero h1 { font-size: 46px; letter-spacing: -3px; }.install-requirements { grid-template-columns: 1fr; gap: 18px; }.install-requirements ul { grid-template-columns: 1fr; }.guide-step { grid-template-columns: 42px 1fr; gap: 10px; padding: 42px 0; }.guide-step h2 { font-size: 23px; }.guide-step pre,.install-troubleshooting pre { padding: 16px; font-size: 10px; }.install-troubleshooting { padding: 25px; } }
@media (max-width:760px) { .page-hero h1 { font-size:47px; letter-spacing:-3px; }.server-steps,.profile-grid { grid-template-columns:1fr; }.server-data,.profile-panel { grid-template-columns:1fr; }.profile-hero { grid-template-columns:1fr; justify-items:start; }.profile-actions { flex-direction:column; } }