@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#003955;--primary-hover:#00293d;--accent:#c09100;--background:#fdfdfd;--surface:#fff;--text:#171717;--text-muted:#666;--border:#eaeaea;--card-shadow:0 4px 24px #0000000a;--glass-bg:#ffffffb3;--error:#e03131;--success:#0ca678}[data-theme=dark]{--primary:#4da8d4;--primary-hover:#6bbce0;--accent:#d4a520;--background:#0a0a0a;--surface:#171717;--text:#ededed;--text-muted:#a3a3a3;--border:#262626;--card-shadow:0 4px 24px #0003;--glass-bg:#171717b3}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s}body{background-color:var(--background);color:var(--text);justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex}#root{justify-content:center;width:100%;height:100%;display:flex}.app-container{background-color:var(--surface);width:100%;max-width:480px;min-height:100vh;box-shadow:var(--card-shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}h1{color:var(--text);margin-bottom:.5rem;font-size:1.5rem;font-weight:700;line-height:1.2}h2{color:var(--text);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.content-area{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.content-centered{text-align:center;flex-direction:column;flex:1;justify-content:center;display:flex}.input-group{text-align:left;flex-direction:column;margin-bottom:1rem;display:flex}.input-group label{color:var(--text);margin-bottom:.5rem;font-size:.85rem;font-weight:500}input,select{border:1px solid var(--border);width:100%;color:var(--text);transition:border-color .2sease, box-shadow .2s ease;background-color:#0000;border-radius:12px;outline:none;padding:14px 16px;font-size:.95rem}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #0000000d}[data-theme=dark] input:focus,[data-theme=dark] select:focus{box-shadow:0 0 0 4px #ffffff0d}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--surface)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-outline{border:1px solid var(--border);color:var(--text);background-color:#0000}.btn-outline:hover{background-color:var(--border)}.btn-secondary{background-color:var(--border);color:var(--text)}.bottom-bar{background-color:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:10;padding:24px;position:sticky;bottom:0}.theme-toggle{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text);cursor:pointer;z-index:20;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:16px;right:16px}.theme-toggle:hover{background:var(--border)}.fade-in{animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.progress-container{background-color:var(--border);width:100%;height:4px}.progress-bar{background-color:var(--primary);height:100%;transition:width .4s}.hero-image{background-position:50%;background-size:cover;width:100%;height:240px;position:relative}.hero-overlay{background:linear-gradient(to top, var(--surface) 0%, transparent 100%);position:absolute;inset:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.text-center{text-align:center}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}[data-theme=dark] .logo-invertable{filter:brightness(0)invert()}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.pressable{transition:transform .12s,box-shadow .12s}.pressable:active{transform:scale(.97)}.slide-up{animation:.35s forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}[data-glass=true]{--glass-card:#ffffff73;--glass-card-border:#ffffff8c;--glass-card-shadow:0 8px 32px #00000014, inset 0 1px 0 #fff9;--glass-btn:#ffffffa6;--glass-btn-primary:#003955bf;--glass-blur:24px;--glass-radius:22px;--glass-accent-glow:#c0910026}[data-glass=true][data-theme=dark]{--glass-card:#ffffff14;--glass-card-border:#ffffff1f;--glass-card-shadow:0 8px 32px #0000004d, inset 0 1px 0 #ffffff14;--glass-btn:#ffffff1a;--glass-btn-primary:#4da8d48c;--glass-accent-glow:#d4a5201f}.glass-card{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);box-shadow:var(--glass-card-shadow);background:var(--glass-card)!important;border:1px solid var(--glass-card-border)!important;border-radius:var(--glass-radius)!important}.glass-btn{-webkit-backdrop-filter:blur(16px)saturate(180%);font-weight:600;transition:all .2s;box-shadow:0 4px 16px #0000000f,inset 0 1px #ffffff80;background:var(--glass-btn)!important;border:1px solid #ffffff73!important;border-radius:50px!important}.glass-btn:active{transform:scale(.97);box-shadow:0 2px 8px #00000014}.glass-btn-primary{-webkit-backdrop-filter:blur(16px)saturate(200%);font-weight:600;transition:all .2s;box-shadow:0 4px 20px #00395533,inset 0 1px #ffffff26;background:var(--glass-btn-primary)!important;color:#fff!important;border:1px solid #fff3!important;border-radius:50px!important}.glass-btn-primary:active{transform:scale(.97)}.glass-pill{-webkit-backdrop-filter:blur(12px);background:#ffffff59;border:1px solid #fff6;border-radius:50px;padding:6px 14px;font-size:.78rem;font-weight:600}[data-theme=dark] .glass-pill{background:#ffffff14;border:1px solid #ffffff1f}.glass-input{-webkit-backdrop-filter:blur(12px);background:#fff6!important;border:1px solid #ffffff80!important;border-radius:16px!important}[data-theme=dark] .glass-input{background:#ffffff0f!important;border:1px solid #ffffff1a!important}@keyframes glassShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.glass-shimmer:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff14 45%,#ffffff26 50%,#ffffff14 55%,#0000 60%) 0 0/200% 100%;animation:4s ease-in-out infinite glassShimmer;position:absolute;inset:0}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#003955;border:3px solid #fff;border-radius:50%;width:28px;height:28px;transition:transform .15s;box-shadow:0 2px 8px #0003}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{cursor:pointer;background:#003955;border:3px solid #fff;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 8px #0003}