:root{--primary: #3b82f6;--primary-hover: #2563eb;--bg: #0f172a;--text: #f8fafc;--text-muted: #94a3b8;--radius: .75rem;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--glass: rgba(15, 23, 42, .7)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);line-height:1.5;height:100vh;width:100vw;overflow:hidden;display:flex}#app{width:100%;height:100%}.container{display:flex;flex-direction:column;width:100vw;min-height:100vh}.hero{width:100%;height:auto;flex:0 0 auto;display:flex}.hero picture,.hero img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}.content-wrapper{flex:1 1 auto;display:flex;align-items:flex-start;justify-content:center;padding:2rem;background:var(--bg);position:relative}@media(min-width:900px){.container{flex-direction:row;height:100vh;overflow:hidden}.hero{height:100%;width:auto;flex:0 1 auto;max-width:60vw}.hero picture,.hero img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:right center}.content-wrapper{flex:1;height:100%;padding:4rem;align-items:center;background:radial-gradient(circle at top right,#1e293b,var(--bg))}}.content{width:100%;max-width:480px;display:flex;flex-direction:column;gap:2rem;opacity:0;animation:slideUp .8s ease forwards .3s}.title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.release-info{font-size:1.25rem;color:var(--text-muted);border-left:3px solid var(--primary);padding-left:1rem}.release-info strong{color:#60a5fa}.alpha-note{display:block;font-size:.95rem;margin-top:.25rem;opacity:.8}.subscribe-form{width:100%;margin-top:1rem}.input-group{position:relative;display:flex;flex-direction:column;gap:1rem}input[type=email]{width:100%;padding:1rem;border-radius:var(--radius);border:1px solid #334155;background-color:#1e293b80;color:var(--text);font-size:1rem;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}input[type=email]:focus{outline:none;border-color:var(--primary);background-color:#1e293bcc;box-shadow:0 0 0 4px #3b82f61a}button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary),#2563eb);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;text-transform:uppercase;letter-spacing:.05em}button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb66}button:active{transform:translateY(0)}.form-message{margin-top:1rem;font-size:.9rem;min-height:1.5rem;font-weight:500}.form-message.success{color:#4ade80}.form-message.error{color:#f87171}footer{position:fixed;bottom:1.5rem;left:0;width:100%;font-size:.8rem;color:#64748b;text-align:center;z-index:10;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes fadeIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.container{flex-direction:column}.hero{flex:0 0 40%;height:40%}.content-wrapper{flex:1;padding:2rem;height:60%;align-items:flex-start}.content{gap:1.5rem}.title{font-size:2.5rem}footer{position:static;margin-top:2rem}}@media(min-width:901px){.input-group{flex-direction:row;background:#1e293b;padding:.35rem;border-radius:var(--radius);border:1px solid #334155}input[type=email]{border:none;background:transparent;padding:.5rem 1rem}input[type=email]:focus{box-shadow:none}button{width:auto;padding:.75rem 1.5rem}}