:root {
  color-scheme: dark;
  --navy: #050910;
  --gold: #f2df5a;
  --text: #f7f8fb;
}

* { box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; min-width: 320px; min-height: 100vh; background: var(--navy); color: var(--text); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; }
.shell { display: grid; grid-template-columns: minmax(0, 1.07fr) minmax(460px, .93fr); min-height: 100vh; }
.identity { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; overflow: hidden; padding: clamp(34px, 5vw, 76px); background: linear-gradient(100deg, rgba(5, 9, 16, .3), rgba(5, 9, 16, .14) 55%, rgba(5, 9, 16, .8)), url("assets/background.webp") center / cover no-repeat; }
.identity::before { position: absolute; inset: 0; border-right: 1px solid rgba(242, 223, 90, .13); background: linear-gradient(180deg, rgba(5, 9, 16, .28), transparent 40%, rgba(5, 9, 16, .48)); content: ""; pointer-events: none; }
.identity > * { position: relative; z-index: 1; }
.brand { display: block; width: clamp(156px, 18vw, 218px); height: auto; }
.identity-title span { color: var(--gold); font-size: 12px; font-weight: 800; letter-spacing: .22em; }
.identity-title h1 { margin: 12px 0 0; font-size: clamp(55px, 5.4vw, 88px); font-weight: 730; letter-spacing: -.07em; line-height: 1.04; }
.entry { display: flex; flex-direction: column; justify-content: space-between; min-height: 100vh; padding: clamp(34px, 5vw, 76px); background: radial-gradient(circle at 68% 48%, rgba(33, 47, 63, .25), transparent 45%), var(--navy); }
.entry-top { color: #e8ecf4; font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.entry-top span { color: var(--gold); }
.entry-center { width: min(100%, 430px); margin: 80px auto; }
.app-mark { position: relative; display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; margin-bottom: 39px; overflow: hidden; border: 1px solid rgba(242, 223, 90, .26); border-radius: 18px; background: linear-gradient(135deg, #2d2b18, #101924 65%); box-shadow: 0 20px 40px rgba(0, 0, 0, .28); }
.app-mark span { color: var(--gold); font-size: 32px; font-weight: 800; letter-spacing: -.08em; }
.app-mark i { position: absolute; right: -10px; bottom: -20px; width: 44px; height: 44px; border: 1px solid rgba(242, 223, 90, .2); border-radius: 50%; }
.entry h2 { margin: 0 0 38px; font-size: clamp(39px, 3.5vw, 55px); font-weight: 730; letter-spacing: -.055em; line-height: 1.12; }
.primary-action { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 58px; padding: 0 20px 0 23px; border: 1px solid var(--gold); border-radius: 10px; background: var(--gold); color: #131313; font-size: 15px; font-weight: 750; text-decoration: none; transition: background .15s, border-color .15s, transform .15s; }
.primary-action:hover { transform: translateY(-2px); border-color: #fff0a1; background: #fff0a1; }
.primary-action:focus-visible, .entry-bottom a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.primary-action span { font-size: 23px; font-weight: 400; line-height: 1; }
.entry-bottom { padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .09); text-align: right; }
.entry-bottom a { color: #aeb8c7; font-size: 12px; text-decoration: underline; text-decoration-color: rgba(174, 184, 199, .45); text-underline-offset: 3px; }
.entry-bottom a:hover { color: #fff; }
@media (max-width: 900px) { .shell { grid-template-columns: 1fr; } .identity { min-height: 270px; padding: 32px clamp(24px, 5vw, 48px); } .identity-title h1 { font-size: clamp(43px, 7vw, 64px); } .entry { min-height: 500px; padding: 32px clamp(24px, 5vw, 48px); } .entry-center { margin: 70px auto; } }
@media (max-width: 560px) { .identity { min-height: 230px; } .identity-title h1 { font-size: 42px; } .entry { min-height: 470px; } .entry-center { margin: 55px auto; } .app-mark { margin-bottom: 28px; } .entry h2 { font-size: 42px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; } }