*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9;min-height:100vh}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(circle at 30% 20%,#3b82f6,transparent 40%),radial-gradient(circle at 80% 80%,#06b6d4,transparent 40%),linear-gradient(135deg,#0f172a,#1e293b)}.container{position:relative;display:flex;flex-direction:column;align-items:center;gap:40px}.drop{position:relative;width:360px;height:360px;display:flex;justify-content:center;align-items:center;background:#ffffff14;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:52% 48% 33% 67%/38% 45% 55% 62%;box-shadow:inset -20px -20px 30px #fff3,inset 20px 20px 40px #00000040,0 40px 60px #00000080;transition:.6s ease}.drop:hover{border-radius:60% 40% 55% 45%/45% 55%}.content{position:relative;display:flex;flex-direction:column;text-align:center;padding:40px;gap:15px}.content h2{color:#e4dcf1;font-size:1.6em}form{display:flex;flex-direction:column;gap:20px;align-items:center}.inputBox{width:230px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;box-shadow:inset -6px -6px 10px #6f6b6b69,inset 6px 6px 10px #b4bbbf48}.inputBox input{border:none;outline:none;background:transparent;width:100%;font-size:1em;padding:12px 18px;color:#c8ddff}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px transparent inset;-webkit-text-fill-color:#c8ddff}.inputBox input::placeholder{color:#c9d6e8}.submitBox{width:120px;background:#618bd9;cursor:pointer}.submitBox input{color:#fff;cursor:pointer}.btns{position:absolute;right:-120px;bottom:0;width:120px;height:120px;display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:34% 66% 65% 35%/58% 58% 43% 42%;transition:.4s ease;box-shadow:inset -6px -6px 10px #fff6,inset 6px 6px 12px #00000040}.btns:hover{border-radius:50%;transform:scale(1.1)}.btns.signup{width:80px;height:80px;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:49% 51% 52% 48%/63% 59% 41% 37%;box-shadow:inset -8px -8px 15px #fff6,inset 8px 8px 20px #0000004d,0 20px 40px #0006;transition:.4s ease}.btns.signup:hover{border-radius:50%;transform:scale(1.1)}.dashboard-page{padding:40px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dashboard-title{font-size:24px}.logout-button{padding:8px 14px;background:#e73e3e;border:none;border-radius:8px;color:#fff;cursor:pointer}.logout-button:hover{background:#dc2626}.converter-card{max-width:500px;margin:auto;padding:30px;background:#1e293be6;border-radius:16px}.converter-input,.converter-select{width:100%;padding:12px;margin-bottom:18px;background:#334155;border:none;border-radius:8px;color:#fff}.swap-button{width:100%;padding:12px;margin-bottom:15px;background:#6366f1;border:none;border-radius:8px;color:#fff}@media(max-width:768px){.container{flex-direction:column;gap:40px}.btns.signup{position:relative;right:auto;bottom:auto;margin-top:20px}}