*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,sans-serif}body{color:#111827;background:#f8fafc}#nav-bar{z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:18px 10%;display:flex;position:sticky;top:0;box-shadow:0 4px 10px #0000000a}#heading h1 span{color:#2563eb}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;padding:12px 28px;font-weight:600}.btn-primary[disabled]{opacity:.7;cursor:not-allowed}.btn-spinner{vertical-align:middle;border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.9s linear infinite buttonSpin;display:inline-block}@keyframes buttonSpin{to{transform:rotate(360deg)}}.btn-outline{color:#2563eb;cursor:pointer;background:#fff;border:2px solid #2563eb;border-radius:999px;padding:10px 24px;font-weight:600}#hero-outer{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;margin:auto;display:flex;position:relative}#hero-outer:before{content:"";-webkit-backdrop-filter:blur(8px);border-radius:40px;margin-top:20px;padding:100px;position:absolute;inset:0}#hero{z-index:1;justify-content:center;align-items:center;width:100%;height:600px;padding:80px 10%;display:flex;position:relative}#hero-glass-container{-webkit-backdrop-filter:blur(12px);background:#0051ffb8;border:1px solid #ffffff4d;border-radius:24px;flex-direction:column;justify-content:center;width:100%;max-width:700px;min-height:440px;padding:60px;display:flex;box-shadow:0 8px 32px #0000001a}#hero-image-container{justify-content:center;align-items:center;width:100%;max-width:700px;min-height:440px;max-height:500px;display:flex;overflow:hidden}#hero-image-container img{object-fit:contain;border:3px solid #ffffff80;width:auto;max-width:100%;height:auto;max-height:500px;box-shadow:0 20px 60px #0000004d}.fade-in{animation:1s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#hero-text h1{color:#1e293b;text-shadow:2px 2px 4px #ffffff80;min-height:120px;margin-bottom:16px;font-size:2.8rem}.animated-heading{animation:3s ease-in-out fadeInOut}@keyframes fadeInOut{0%{opacity:0;transform:translateY(20px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}#hero-text p{color:#1e293b;text-shadow:1px 1px 2px #fffc;max-width:580px;margin-bottom:26px;font-size:1.1rem;font-weight:500}#hero-text .btn-primary{transition:all .3s;box-shadow:0 4px 12px #2563eb66}#hero-text .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb80}#features-intro{text-align:center;padding:40px 10%}#features{grid-template-columns:repeat(3,1fr);gap:30px;padding:0 10% 80px;display:grid}.feature-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 20px #0000000d}#cta{text-align:center;background:#e0f2fe;border-radius:18px;margin:0 10% 80px;padding:60px 40px}.cta-buttons{justify-content:center;gap:16px;margin-top:20px;display:flex}footer{text-align:center;color:#6b7280;padding:20px}.alert-backdrop{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.alert-box{text-align:center;background:#fff;border-radius:14px;flex-direction:column;width:350px;padding:25px;animation:.25s ease-out pop;display:flex;box-shadow:0 10px 40px #0000004d}.alert-box input{border:none;border-bottom:2px solid #2563eb;outline:none;margin:10px 0;padding:10px;font-size:20px}.alert-box h3{color:#2563eb;margin-bottom:10px}.alert-box p{margin-bottom:20px;font-size:15px}.alert-box button{margin:5px 0}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){#hero-glass-container{min-height:380px;padding:40px 30px}#hero{height:540px;padding:60px 5%}#hero-text h1{min-height:100px;font-size:2.2rem}#hero-image-container{min-height:380px}#features{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){#nav-bar #heading h1{font-size:1.3rem;position:relative;right:10px}#hero-glass-container{min-height:320px;bottom:0%}#nav-bar img{position:relative;right:10px}#features{grid-template-columns:1fr}#hero-glass-container{padding:30px 20px}#hero{height:480px;padding:40px 5%}#hero-text h1{min-height:80px;font-size:1.8rem}#hero-text p{font-size:1rem}#hero-image-container{min-height:320px}}