:root{--navy:#0a1f3d;--cyan:#00b4d8;--cyan-bright:#00e5ff;--surface:#ffffff;--surface-2:#f3f7f9;--ink:#0a1f3d;--text:#526479;--border:#dce6ec;--glass:rgba(255,255,255,0.72);--glass-strong:rgba(255,255,255,0.86);--glass-border:rgba(255,255,255,0.76);--soft-shadow:0 22px 60px rgba(10,31,61,0.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 8%,rgba(0,180,216,.18),transparent 26rem),radial-gradient(circle at 90% 38%,rgba(37,99,235,.1),transparent 30rem),linear-gradient(145deg,#f8fcfd,var(--surface-2));color:var(--ink);font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:min(calc(100% - 32px),1180px);margin-inline:auto}.nav{height:64px;display:flex;justify-content:space-between}.logo,.nav{align-items:center}.logo{display:inline-flex;gap:10px;font-weight:900;letter-spacing:.16em}.logo-mark{display:grid;width:52px;height:40px;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:13px;background:rgba(255,255,255,.92);box-shadow:0 7px 22px rgba(10,31,61,.14)}.logo-mark img{width:48px;height:36px;object-fit:contain}.logo small{display:block;margin-top:-2px;color:var(--cyan);font-size:8px;letter-spacing:.22em}.nav-links{display:flex;gap:20px;font-size:13px;font-weight:700}.hero{min-height:calc(100vh - 72px);display:grid;align-items:center;background:radial-gradient(circle at 75% 20%,rgba(0,229,255,.13),transparent 25%),var(--navy);color:white}.hero h1{max-width:850px;margin:0;font-size:clamp(54px,9vw,110px);letter-spacing:-.07em;line-height:.93}.hero h1 span{color:var(--cyan-bright)}.hero p{max-width:600px;margin:28px 0;color:#a6b8c9;line-height:1.7}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--cyan),#19d4e8);color:var(--navy);font-weight:800;cursor:pointer;box-shadow:0 12px 28px rgba(0,180,216,.2);transition:transform .2s ease,box-shadow .2s ease}.button:hover{box-shadow:0 16px 34px rgba(0,180,216,.28);transform:translateY(-1px)}.button.secondary{border:1px solid rgba(10,31,61,.1);background:rgba(255,255,255,.62);box-shadow:none}.app-page{min-height:100vh;padding-bottom:80px}header.app-header{position:relative;z-index:10;padding-top:14px;color:var(--navy)}header.app-header .nav{padding:0 18px;border:1px solid var(--glass-border);border-radius:21px;background:var(--glass);box-shadow:0 12px 36px rgba(10,31,61,.09);backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}section.app-header.page-title{width:min(calc(100% - 32px),1180px);margin:14px auto 0;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:radial-gradient(circle at 80% 20%,rgba(0,229,255,.16),transparent 28%),rgba(10,31,61,.96);color:white;box-shadow:var(--soft-shadow)}.page-title{padding:58px 0}.page-title h1{margin:0;font-size:clamp(42px,6vw,72px);letter-spacing:-.055em}.page-title p{color:var(--text)}section.app-header.page-title p{color:#a6b8c9}.auth-layout{width:min(calc(100% - 32px),620px)}.auth-layout .page-title{padding:52px 0 12px;text-align:center}.panel{margin-top:24px;padding:28px;border:1px solid var(--glass-border);border-radius:26px;background:var(--glass);box-shadow:var(--soft-shadow);backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}.panel h2{margin-top:0}.form{display:grid;grid-gap:14px;gap:14px}.form input,.form select{width:100%;height:48px;padding:0 14px;border:1px solid rgba(10,31,61,.09);border-radius:13px;background:rgba(255,255,255,.66);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form input:focus,.form select:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(0,180,216,.1)}.form-hint{margin:-4px 0 2px;color:var(--text);font-size:12px}.trailer-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.trailer-card{padding:18px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.62);text-align:left}.trailer-card.selected{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,180,216,.12)}.trailer-card span,.trailer-card strong{display:block}.trailer-card span{margin-top:5px;color:var(--text);font-size:12px}.slot-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px}.slot-grid button{height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.slot-grid button.selected{border-color:var(--cyan);background:var(--cyan)}.message{padding:12px;border-radius:10px;background:var(--surface-2);color:var(--text);font-size:13px}table{width:100%;border-collapse:collapse}td,th{padding:12px;border-bottom:1px solid var(--border);font-size:12px;text-align:left}@media (max-width:760px){header.app-header{padding-top:10px}header.app-header .nav{width:calc(100% - 20px);height:58px;padding:0 10px;border-radius:18px}.logo{font-size:14px}.logo-mark{width:45px;height:34px;border-radius:11px}.logo-mark img{width:41px;height:31px}.auth-layout .page-title{padding-top:40px}.panel{padding:22px;border-radius:22px}.trailer-grid{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-color-scheme:dark){:root{--surface:#0d223c;--surface-2:#091a30;--ink:#f4f9fb;--text:#a9bac8;--border:#213b57;--glass:rgba(13,34,60,0.75);--glass-strong:rgba(13,34,60,0.9);--glass-border:rgba(255,255,255,0.11);--soft-shadow:0 22px 60px rgba(0,0,0,0.25)}body{background:radial-gradient(circle at 10% 8%,rgba(0,180,216,.15),transparent 26rem),radial-gradient(circle at 90% 38%,rgba(37,99,235,.12),transparent 30rem),#091a30}header.app-header{color:#f4f9fb}.button.secondary,.form input,.form select,.trailer-card{border-color:rgba(255,255,255,.1);background:rgba(13,34,60,.7);color:#f4f9fb}}