body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;background:#FAFAFA;color:#16161a;line-height:1.5;margin:0;padding:0;display:block}.hero{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,#4CB5B1 0%,rgba(76,181,177,0) 100%),linear-gradient(180deg,#FAFAFA 0%,#E4E4E7 100%)}.hero-grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-image:linear-gradient(rgba(0,0,0,.05) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(0,0,0,.05) 1.5px,transparent 1.5px);background-size:50px 50px;-webkit-mask-image:radial-gradient(ellipse 65% 55% at 50% 50%,black 45%,transparent 100%);mask-image:radial-gradient(ellipse 65% 55% at 50% 50%,black 45%,transparent 100%);animation:gridWave 9s cubic-bezier(.4,0,.6,1) infinite}@keyframes gridWave{0%{transform:translate(0) scale(1)}35%{transform:translate(20px,30px) scale(1.03)}65%{transform:translate(40px,15px) scale(1.05)}to{transform:translate(50px,50px) scale(1)}}.hero-orbs{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.orb{position:absolute;border-radius:50%;filter:blur(60px)}.orb1{width:300px;height:300px;top:8%;left:10%;background:radial-gradient(circle,rgba(76,181,177,.6) 0%,transparent 70%);animation:float1 11s ease-in-out infinite}.orb2{width:250px;height:250px;top:60%;right:15%;background:radial-gradient(circle,rgba(76,181,177,.4) 0%,transparent 70%);animation:float2 13s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,40px) scale(1.15)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(35px,-30px) scale(1.12)}}.hero-content{position:relative;z-index:10;text-align:center;max-width:920px;width:100%;padding:0 20px;animation:fadeInUp 1.2s ease-out;margin:0 auto}.hero h1{font-size:80px;font-weight:700;letter-spacing:-3.5px;line-height:1.05;color:#16161a;margin-bottom:28px}.hero p{font-size:20px;color:#52525b;margin-bottom:48px}.btn{display:inline-block;padding:18px 40px;background:#16161A;color:#fafafa;font-weight:600;border-radius:10px;text-decoration:none;transition:all .25s ease;box-shadow:0 4px 16px #0000001f;border:none;cursor:pointer;font-size:1rem}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000002e}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.nav{position:fixed;top:0;left:0;right:0;height:64px;background:rgba(250,250,250,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);z-index:1000}.input-group{display:flex;flex-direction:column;gap:15px;width:100%;max-width:480px;margin:0 auto;background:rgba(255,255,255,.5);padding:30px;border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 40px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-group input{width:100%;padding:16px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:16px;color:#333;background:rgba(255,255,255,.9);transition:all .2s;box-sizing:border-box;font-weight:400}.input-group input::placeholder{font-weight:400;color:#9ca3af;opacity:1}.input-group input:focus{outline:none;border-color:#4cb5b1;box-shadow:0 0 0 3px #4cb5b140}.steps-container{display:flex;justify-content:center;gap:10px;margin-bottom:30px}.step-badge{padding:6px 16px;border-radius:999px;background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.05);color:#71717a;font-size:12px;font-weight:600;transition:all .3s}.step-badge.active{background:#4CB5B1;color:#fff;box-shadow:0 4px 12px #4cb5b14d}.status-bar{margin-top:20px;padding:15px;background:rgba(255,255,255,.8);border-radius:8px;color:#4b5563;font-weight:500;text-align:center;font-size:.95rem}.result-area{margin-top:2rem;display:flex;justify-content:center;width:100%}.success-card{background:rgba(255,255,255,.9);padding:2.5rem;border-radius:20px;box-shadow:0 20px 50px #0000001a;text-align:center;max-width:480px;width:100%;border:1px solid rgba(255,255,255,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}.success-title{font-size:1.8rem;font-weight:800;color:#10b981;margin-bottom:1rem}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.hero h1{font-size:48px;letter-spacing:-2px}.hero p{font-size:18px;margin-bottom:30px}.input-group{padding:20px}.orb{opacity:.6}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:opacity .3s ease}.scroll-indicator.hidden{opacity:0;pointer-events:none}.scroll-circle-btn{width:56px;height:56px;border-radius:50%;background:#16161A;color:#fafafa;display:flex;align-items:center;justify-content:center;animation:breathe 3.5s ease-in-out infinite;box-shadow:0 4px 16px #00000026}.scroll-hint{font-size:12px;font-weight:400;letter-spacing:.5px;color:#52525b;animation:breathe 3.5s ease-in-out infinite;margin:0}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.section{position:relative;width:100%;box-sizing:border-box}.section-label{font-size:.875rem;font-weight:400;letter-spacing:.1em;color:#52525b;text-transform:uppercase;margin-bottom:1rem;display:block}.section-title{font-size:56px;font-weight:700;letter-spacing:-2.5px;color:#16161a;margin:0 0 3rem;line-height:1.1}.scenario-selector-top{position:relative;z-index:10}.scenario-buttons-top{display:inline-flex;background:#F4F4F5;padding:6px;border-radius:16px;gap:8px;border:1px solid #E4E4E7}.scenario-btn-top{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;padding:16px 32px;border-radius:12px;cursor:pointer;min-width:140px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);color:#71717a;position:relative}.scenario-btn-top:hover{background:rgba(0,0,0,.03);color:#52525b}.scenario-btn-top.active{background:#FFFFFF;color:#16161a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.scenario-btn-top .scenario-title{font-size:1.1rem;font-weight:600;display:block;letter-spacing:-.01em}@media (max-width: 640px){.section-title{font-size:32px}.scenario-buttons-top{flex-direction:column;width:100%}.scenario-btn-top{width:100%}}
