*{margin:0;padding:0;box-sizing:border-box}:root{--yellow: #FAC439;--yellow-dim: rgba(250, 196, 57, .12);--dark: #0d0d0d;--mid: #1a1a1a;--border: rgba(255, 255, 255, .08);--text-primary: #f5f5f5;--text-secondary: #888;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}html,body,#root{height:100%}body{font-family:var(--font);background:var(--dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:100px;display:flex;align-items:center;padding:0 4rem;border-bottom:1px solid var(--border);background:#0d0d0dd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-logo{height:54px;width:auto;display:block}.hero{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 2rem 4rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:700px;height:700px;background:radial-gradient(circle,rgba(250,196,57,.07) 0%,transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(250,196,57,.35);background:var(--yellow-dim);color:var(--yellow);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2rem}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.hero-headline{font-size:clamp(2.6rem,7vw,5.5rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;max-width:820px;margin-bottom:1.5rem}.hero-headline em{font-style:normal;color:var(--yellow)}.hero-sub{font-size:clamp(1rem,2.2vw,1.2rem);color:var(--text-secondary);max-width:520px;line-height:1.65;margin-bottom:3rem}.hero-form{display:flex;gap:.5rem;width:100%;max-width:420px}.hero-input{flex:1;padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border);background:#ffffff0d;color:var(--text-primary);font-size:.95rem;font-family:var(--font);outline:none;transition:border-color .2s}.hero-input::placeholder{color:var(--text-secondary)}.hero-input:focus{border-color:#fac43980}.hero-btn{padding:.75rem 1.4rem;border-radius:10px;border:none;background:var(--yellow);color:#0d0d0d;font-size:.9rem;font-weight:700;font-family:var(--font);cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .15s}.hero-btn:hover{opacity:.9}.hero-btn:active{transform:scale(.97)}.hero-hint{margin-top:1.25rem;font-size:.78rem;color:var(--text-secondary)}.hero-feedback{padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:500;max-width:420px;width:100%;text-align:center}.hero-feedback--success{background:#fac4391f;border:1px solid rgba(250,196,57,.35);color:var(--yellow)}.hero-feedback--info{background:#ffffff0d;border:1px solid var(--border);color:var(--text-secondary)}.hero-error{margin-top:.6rem;font-size:.82rem;color:#f87171}.hero-input--error{border-color:#f87171!important}.site-footer{position:fixed;bottom:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--border);background:#0d0d0dd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.78rem;color:var(--text-secondary);gap:.4rem}.site-footer span{color:var(--yellow)}@media (max-width: 480px){.hero-form{flex-direction:column}.hero-btn{width:100%;padding:.85rem}}