@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background:radial-gradient(circle at 0 0,#6d28d9 0%,#0000 35%),radial-gradient(circle at 100% 100%,#2563eb 0%,#0000 35%),#09090f;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}body:before{content:"";filter:blur(220px);opacity:.25;background:#7c3aed;width:600px;height:600px;position:absolute;top:-180px;left:-180px}body:after{content:"";filter:blur(220px);opacity:.25;background:#2563eb;width:500px;height:500px;position:absolute;bottom:-150px;right:-150px}form{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14141ebf;border:1px solid #ffffff26;border-radius:18px;width:420px;padding:40px;position:relative;box-shadow:0 0 25px #7c3aed66,0 0 60px #2563eb40}h1{text-align:center;color:#fff;letter-spacing:2px;margin-bottom:30px}input{color:#fff;background:#151522;border:1px solid #404060;border-radius:10px;width:100%;margin-bottom:18px;padding:14px;transition:all .3s}input::placeholder{color:#a8a8c5}input:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 12px #8b5cf6}button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .3s}p{text-align:center;color:#d1d5db;margin-top:20px}a{color:#9f7aea;font-weight:600;text-decoration:none}a:hover{color:#60a5fa;text-shadow:0 0 10px #60a5fa}.register-page,.dashboard{background:radial-gradient(circle at 15% 20%,#8b5cf640 0%,#0000 30%),radial-gradient(circle at 80% 10%,#2563eb40 0%,#0000 35%),radial-gradient(circle at 50% 100%,#9333ea30 0%,#0000 35%),#050510;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.register-page:before,.dashboard:before{content:"";filter:blur(180px);opacity:.18;background:#7c3aed;border-radius:50%;width:700px;height:700px;animation:10s infinite alternate floatGlow;position:absolute}.register-page:after,.dashboard:after{content:"";filter:blur(180px);opacity:.15;background:#2563eb;border-radius:50%;width:600px;height:600px;position:absolute;bottom:-150px;right:-150px}@keyframes floatGlow{0%{transform:translateY(-40px)}to{transform:translateY(40px)}}.register-card,.dashboard-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#14141e8c;border:1px solid #ffffff26;border-radius:25px;width:900px;max-width:95%;padding:40px;box-shadow:0 0 35px #7c3aed40,0 0 80px #2563eb26}.dashboard h1{color:#fff;text-align:center;letter-spacing:1px;margin-bottom:35px;font-size:38px}.preview{border-radius:18px;width:350px;margin-top:30px;transition:all .4s;box-shadow:0 0 20px #7c3aed,0 0 45px #2563eb}.preview:hover{transform:scale(1.05)}button{color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);transition:all .35s}button:hover{transform:translateY(-3px);box-shadow:0 0 20px #7c3aed,0 0 45px #2563eb}.login-page,.register-page{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}h1{color:#fff;text-align:center;letter-spacing:3px;text-shadow:0 0 10px #8b5cf6,0 0 20px #3b82f6;margin-bottom:28px;font-size:42px;font-weight:700}