@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";
:root{--primary:#e88d7d;--bg-color:#0a0a0a;--text-main:#fff;--text-muted:#a0a0a0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}.hero{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.hero:before{content:"";background:radial-gradient(circle, var(--primary) 0%, #e88d7d00 60%);opacity:.15;z-index:-1;filter:blur(50px);width:600px;height:600px;animation:6s ease-in-out infinite alternate pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%{opacity:.15;transform:translate(-50%,-50%)scale(1)}to{opacity:.25;transform:translate(-50%,-50%)scale(1.1)}}.brand-badge{color:var(--primary);text-transform:uppercase;letter-spacing:2px;opacity:0;background:#e88d7d1a;border:1px solid #e88d7d33;border-radius:20px;margin-bottom:2rem;padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;animation:1s ease-out forwards slideDown}.title{background:linear-gradient(to right, #fff, var(--primary));-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;max-width:900px;margin-bottom:1.5rem;font-size:4.5rem;font-weight:800;line-height:1.1;animation:1s ease-out .3s forwards fadeIn}.subtitle{color:var(--text-muted);opacity:0;max-width:650px;margin-bottom:4rem;font-size:1.4rem;font-weight:300;line-height:1.5;animation:1s ease-out .6s forwards fadeIn}.features-grid{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:4rem;display:flex}.feature-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;width:320px;padding:2.5rem 2rem;transition:transform .3s,border-color .3s,background .3s;animation:1s ease-out .9s forwards slideUp;box-shadow:0 10px 30px #0003}.feature-card:hover{background:#e88d7d0d;border-color:#e88d7d66;transform:translateY(-10px);box-shadow:0 20px 40px #e88d7d1a}.feature-icon{filter:drop-shadow(0 0 10px #e88d7d4d);margin-bottom:1.5rem;font-size:3rem;display:inline-block}.feature-card h3{color:#fff;margin-bottom:.8rem;font-size:1.3rem;font-weight:600}.feature-card p{color:var(--text-muted);font-size:1rem;line-height:1.6}.notify-form{opacity:0;gap:1rem;animation:1s ease-out 1.2s forwards fadeIn;display:flex}.notify-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:320px;padding:1.2rem 1.5rem;font-family:inherit;font-size:1rem;transition:border-color .3s,box-shadow .3s}.notify-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #e88d7d33}.notify-btn{background:var(--primary);color:#000;cursor:pointer;border:none;border-radius:12px;padding:1.2rem 2.5rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.notify-btn:hover{background:#f09f90;transform:scale(1.05);box-shadow:0 0 20px #e88d7d80}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.title{font-size:3rem}.notify-form{flex-direction:column;width:100%;max-width:320px}.notify-input,.notify-btn{width:100%}}.logo-container{flex-direction:column;align-items:center;margin-bottom:2rem;animation:1s ease-out forwards slideDown;display:flex}.logo-icon{background:var(--primary);color:#111;border-radius:22px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:.5rem;font-size:2.8rem;font-weight:800;display:flex;box-shadow:0 10px 30px #e88d7d66}.logo-text{color:#fff;letter-spacing:1px;font-size:1.8rem;font-weight:600}.brand-text{color:var(--primary)}