@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,500;9..144,600&family=Inter:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}.app-container[data-theme=dark]{--bg-color:#0d0f14;--text-main:#edebe4;--title-color:#f5f3ec;--subtitle-color:#edebe499;--accent-color:#c94d27;--border-subtle:#edebe42e;--footer-text:#edebe459;--radial-1:#c94d2714;--radial-2:#c9a2270d;--pill-bg:#c94d2708;--btn-hover-bg:#edebe414}.app-container[data-theme=light]{--bg-color:#f8f7f4;--text-main:#1a1816;--title-color:#11100e;--subtitle-color:#1a1816a6;--accent-color:#b83a14;--border-subtle:#1a181633;--footer-text:#1a181673;--radial-1:#c94d270f;--radial-2:#c9a2270a;--pill-bg:#c94d270d;--btn-hover-bg:#1a18160f}*{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{background-color:var(--bg-color,#0d0f14)}.app-container{background-color:var(--bg-color);min-height:100dvh;color:var(--text-main);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .4s,color .4s;display:flex;position:relative;overflow:hidden}.app-container:before{content:"";background:radial-gradient(circle at 50% 40%, var(--radial-1), transparent 60%), radial-gradient(circle at 15% 20%, var(--radial-2), transparent 45%), radial-gradient(circle at 85% 80%, var(--radial-2), transparent 45%);pointer-events:none;position:fixed;inset:0}.app-header{z-index:2;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:clamp(20px,3vw,36px) clamp(20px,5vw,64px);display:flex;position:relative}.logo{color:var(--accent-color);letter-spacing:.05em;font-size:22px;font-weight:600;transition:color .4s}.header-actions{align-items:center;gap:12px;display:flex}.theme-toggle-btn{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-main);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.theme-toggle-btn:hover{background-color:var(--btn-hover-bg);transform:scale(1.05)}.theme-icon{width:18px;height:18px;transition:transform .3s}.theme-toggle-btn:hover .theme-icon{transform:rotate(15deg)}.login-button{border:1px solid var(--border-subtle);color:var(--subtitle-color);letter-spacing:.02em;cursor:not-allowed;background-color:#0000;border-radius:999px;padding:10px 24px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .3s}.main-content{text-align:center;z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:clamp(40px,6vh,80px) 24px;display:flex;position:relative}.status-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-color);background:var(--pill-bg);border:1px solid #c9a2274d;border-radius:999px;align-items:center;gap:9px;margin-bottom:clamp(24px,4vh,44px);padding:8px 18px;font-size:12px;transition:all .4s;display:inline-flex}.status-dot{background-color:var(--accent-color);border-radius:50%;width:7px;height:7px;transition:background-color .4s;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #c94d2766}50%{opacity:.7;box-shadow:0 0 0 8px #c94d2700}}.hero-title{letter-spacing:-.02em;color:var(--title-color);margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(52px,8vw,110px);font-weight:500;line-height:.98;transition:color .4s}.hero-subtitle{max-width:540px;color:var(--subtitle-color);margin:clamp(20px,3vh,32px) 0 0;font-size:clamp(15px,1.2vw,18px);font-weight:400;line-height:1.6;transition:color .4s}.divider{background:linear-gradient(90deg, transparent, var(--accent-color), transparent);background-size:200% 100%;width:140px;height:1px;margin-top:clamp(36px,5vh,56px);transition:background .4s;animation:3.5s ease-in-out infinite sweep}@keyframes sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.app-footer{text-align:center;width:100%;max-width:1400px;color:var(--footer-text);z-index:2;margin:0 auto;padding:clamp(16px,2vw,28px) clamp(20px,5vw,64px);font-size:12px;transition:color .4s;position:relative}@media (prefers-reduced-motion:reduce){.status-dot,.divider{animation:none}}