:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html,body,#root{height:100%;width:100%;background:linear-gradient(135deg,#eef2ff,#fdf7ff);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}body:before,body:after,.blob1,.blob2,.blob3{content:"";position:absolute;border-radius:50%;opacity:.4;filter:blur(100px);animation:float 20s ease-in-out infinite alternate;z-index:0}.blob1{width:400px;height:400px;background:#6366f14d;top:-150px;left:-100px}.blob2{width:350px;height:350px;background:#10b9814d;bottom:-150px;right:-120px;animation-delay:5s}.blob3{width:300px;height:300px;background:#ec489940;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-40px) translate(30px)}to{transform:translateY(0) translate(0)}}.app-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;padding:2rem;z-index:1}.content{max-width:450px;width:100%;text-align:center;position:relative;z-index:1}.hero{margin-bottom:2rem;position:relative;z-index:1}.logo{height:175px;margin-top:1rem;transition:transform .3s ease,filter .3s ease}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(100,108,255,.5))}.title{font-size:1.75rem;font-weight:600;color:#111827;margin-bottom:.5rem}.subtitle{font-size:1rem;color:#4b5563}.card{background:#fffffff2;border-radius:20px;padding:2.5rem 2rem;box-shadow:0 25px 60px #0000001f;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:1;opacity:0;transform:translateY(30px);animation:fadeUp .8s ease-out forwards;animation-delay:.5s}.card:hover{transform:translateY(-4px);box-shadow:0 30px 70px #00000026}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#111827}.form{display:flex;flex-direction:column;gap:1rem}.form-group{text-align:left;opacity:0;transform:translateY(20px);animation:fadeUp .6s ease-out forwards}.form-group:nth-child(1){animation-delay:.6s}.form-group:nth-child(2){animation-delay:.7s}.form-group:nth-child(3){animation-delay:.8s}label{display:block;font-size:.875rem;color:#4b5563;margin-bottom:.25rem}input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:10px;font-size:1rem;transition:border .2s ease,box-shadow .2s ease;background:#ffffffe6}input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133;outline:none}.submit-btn{background:linear-gradient(90deg,#6366f1,#4f46e5);color:#fff;font-weight:600;padding:.75rem;border:none;border-radius:10px;cursor:pointer;font-size:1rem;transition:background .3s ease,transform .2s ease;opacity:0;transform:translateY(20px);animation:fadeUp .6s ease-out forwards;animation-delay:.9s}.submit-btn:hover{background:linear-gradient(90deg,#4f46e5,#4338ca);transform:translateY(-2px)}.success-message{opacity:0;transform:translateY(20px);animation:fadeUp .6s ease-out forwards;animation-delay:.5s}.success-message h2{font-size:1.5rem;color:#10b981;margin-bottom:.5rem}.success-message p{color:#4b5563;font-size:1rem}.footer{margin-top:2rem;font-size:.875rem;color:#9ca3af}.hero .logo{opacity:0;transform:translateY(-20px);animation:fadeUp .8s ease-out forwards;animation-delay:.2s}.hero .title{opacity:0;transform:translateY(-20px);animation:fadeUp .8s ease-out forwards;animation-delay:.3s}.hero .subtitle{opacity:0;transform:translateY(-20px);animation:fadeUp .8s ease-out forwards;animation-delay:.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}