@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#fff;background:linear-gradient(to bottom right,#020617,#0f172a,#111827);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#475569}input:-webkit-autofill{-webkit-text-fill-color:black!important;box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:hover{-webkit-text-fill-color:black!important;box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:focus{-webkit-text-fill-color:black!important;box-shadow:inset 0 0 0 1000px #fff!important}textarea:-webkit-autofill{-webkit-text-fill-color:black!important;box-shadow:inset 0 0 0 1000px #fff!important}.app-container{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;text-align:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;padding:35px;box-shadow:0 8px 40px #00000073}.card:hover{transform:translateY(-3px);box-shadow:0 10px 35px #00000073}.title,.card h2{margin-bottom:18px;font-size:34px;font-weight:700}.input{color:#fff;background:#ffffff1f;border:1px solid #ffffff1f;border-radius:14px;outline:none;width:100%;height:50px;margin:10px 0;padding:0 18px;font-size:15px;transition:all .25s}.input::placeholder,textarea::placeholder{color:#ffffffb3}.input:hover{border:1px solid #38bdf8}.input:focus{background:#ffffff29;border:1px solid #38bdf8;box-shadow:0 0 12px #38bdf866}select.input{color:#fff;appearance:none}option{color:#000}.password-box{width:100%;position:relative}.password-input{padding-right:48px}.eye-icon{cursor:pointer;color:#ffffffbf;font-size:18px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.eye-icon:hover{color:#38bdf8}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:14px;width:100%;height:50px;margin-top:16px;font-size:15px;font-weight:600;transition:all .3s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}.btn:disabled{opacity:.7;cursor:not-allowed}.link{color:#38bdf8;cursor:pointer;font-weight:600;transition:all .3s}.link:hover{color:#7dd3fc;text-decoration:underline}.bottom-text{color:#fffc;margin-top:18px;font-size:14px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;padding:18px 30px;display:flex}.profile-img{border-radius:50%;width:82px;height:82px}.success-message{color:#22c55e;background:#22c55e33;border:1px solid #22c55e;border-radius:10px;margin-bottom:15px;padding:10px;font-size:14px}.error-message{margin-top:4px;font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.card{max-width:100%;padding:20px}.title,.card h2{font-size:28px}.input{height:46px;font-size:14px}.btn{height:46px}.navbar{padding:10px 15px}.profile-img{width:70px;height:70px}}.search-input::placeholder{color:#ffffffa6}.search-input::placeholder{color:#ffffffa6}.search-input::placeholder{color:#ffffffa6}.search-input:-ms-placeholder-shown{color:#ffffffa6}.search-input:focus{box-shadow:0 0 10px #38bdf840;border:1px solid #38bdf8!important}.search-input::-webkit-search-cancel-button{display:none}.search-dropdown::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-thumb{background:#475569;border-radius:10px}.search-dropdown::-webkit-scrollbar-track{background:0 0}