:root{--dark-teal-black:#05161a;--dark-teal:#072e33;--medium-teal:#0c7075;--light-bright-teal:#0f969c;--soft-sky-blue:#6da5c0;--slate-blue:#294d61;--text-light:#ebf5f7;--text-muted:#90b4bd;--glass-bg:#ffffff09;--glass-border:#ffffff14}*{box-sizing:border-box}body{background-color:var(--dark-teal-black);color:var(--text-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select{outline:none;font-family:inherit}.bg-gradient{z-index:-1;background:linear-gradient(135deg, var(--dark-teal-black) 0%, var(--dark-teal) 50%, var(--slate-blue) 100%);position:fixed;inset:0}.bg-blobs{z-index:-1;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(80px);opacity:.15;border-radius:50%;position:absolute}.blob-1{background:var(--light-bright-teal);width:400px;height:400px;top:-100px;right:-100px}.blob-2{background:var(--soft-sky-blue);width:500px;height:500px;bottom:-150px;left:-150px}.blob-3{background:var(--medium-teal);width:300px;height:300px;top:40%;left:20%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-teal-black)}::-webkit-scrollbar-thumb{background:var(--dark-teal);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--medium-teal)}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--glass-border);border-radius:24px;box-shadow:0 15px 35px #0003}.input-field{border:1.2px solid var(--glass-border);width:100%;color:var(--text-light);background:#ffffff05;border-radius:14px;padding:14px 16px;font-size:15px;transition:all .3s}.input-field:focus{border-color:var(--light-bright-teal);background:#ffffff0a}.primary-btn{background:linear-gradient(135deg, var(--medium-teal), var(--light-bright-teal));width:100%;color:var(--dark-teal-black);letter-spacing:.5px;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 6px 15px #0f969c4d}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f969c66}.primary-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}