*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff}.login-page{min-height:100vh;background:radial-gradient(circle at 82% 18%,#7b2bd1 0,transparent 36%),linear-gradient(115deg,#062d77,#087bc9 42%,#29127b 75%,#6718ac)}.login-shell{width:min(1500px,94vw);min-height:92vh;margin:4vh auto;display:grid;grid-template-columns:1.05fr .95fr;border:1px solid rgba(255,255,255,.16);border-radius:28px;overflow:hidden;background:rgba(4,21,68,.2);box-shadow:0 30px 100px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.login-shell.single{grid-template-columns:1fr;max-width:650px}.brand-panel{padding:48px 58px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(5,45,111,.72),rgba(103,30,177,.22))}.brand{display:flex;align-items:center;gap:13px}.brand-mark,.login-logo{display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#11c8ff,#6855ff);border:1px solid rgba(255,255,255,.35)}.brand-mark{width:48px;height:48px;border-radius:15px;font-size:24px}.brand strong{font-size:19px}.brand span{font-weight:800;color:#26c9ff}.brand small{display:block;color:#b9d5f4;font-size:10px}.hero-copy{max-width:650px;margin:45px 0 25px}.eyebrow{font-size:11px;letter-spacing:2px;color:#5bd8ff;font-weight:800;margin:0 0 12px}.hero-copy h1{font-size:clamp(35px,4vw,58px);line-height:1.06;margin:0;letter-spacing:-1.8px}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#28d4ff,#a77aff);-webkit-background-clip:text;color:transparent}.hero-desc{color:#c4daf2;line-height:1.7;font-size:15px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-card{display:flex;gap:14px;padding:19px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.075)}.feature-card .icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#11bff4,#6551ff);font-weight:900}.feature-card b{display:block;margin-bottom:5px}.feature-card small{color:#b8d0ec}.brand-panel footer{color:#9bb8d9;font-size:11px;margin-top:30px}.login-panel{display:grid;place-items:center;padding:35px;background:rgba(3,16,57,.2)}.login-card{width:min(500px,100%);padding:44px;border:1px solid rgba(255,255,255,.19);border-radius:24px;background:linear-gradient(145deg,rgba(22,66,137,.55),rgba(56,19,124,.45));box-shadow:0 25px 70px rgba(0,0,0,.25);backdrop-filter:blur(20px)}.login-logo{width:64px;height:64px;border-radius:20px;margin:0 auto 18px;font-size:31px}.login-card h2{text-align:center;font-size:30px;margin:0}.subtitle{text-align:center;color:#b9cde8;margin:8px 0 30px;font-size:14px}.login-card form label{display:block;font-size:12px;font-weight:700;margin:17px 0 8px;color:#dbe9fa}.login-card form label span{color:#62d7ff}.input-wrap{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8fdcff}.input-wrap input{width:100%;height:52px;border:1px solid rgba(150,204,255,.27);border-radius:13px;background:rgba(7,30,78,.43);color:#fff;outline:none;padding:0 48px;font-size:14px}.input-wrap input::placeholder{color:#87a4c8}.eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#a8c9ea;cursor:pointer}.form-row{display:flex;justify-content:space-between;align-items:center;margin:13px 0 20px;font-size:11px}.form-row a,.register a{color:#46d5ff;text-decoration:none}.remember{display:flex!important;align-items:center;gap:7px;margin:0!important;font-weight:500!important;color:#9eb8d7!important}.primary-btn{width:100%;height:52px;border:0;border-radius:13px;color:#fff;font-weight:800;font-size:14px;background:linear-gradient(90deg,#10c2f2,#5565ff 65%,#a54df4);box-shadow:0 12px 30px rgba(41,137,255,.25);cursor:pointer}.divider{display:flex;align-items:center;gap:15px;color:#a6bddb;font-size:12px;margin:24px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.13)}.google-btn{width:100%;height:50px;border-radius:13px;border:1px solid rgba(173,212,255,.3);background:rgba(255,255,255,.04);color:#fff;font-weight:700}.register{text-align:center;color:#a9c0dd;font-size:12px;margin:24px 0 0}.alert{padding:11px 13px;border:1px solid rgba(255,100,130,.35);background:rgba(150,20,55,.18);border-radius:10px;color:#ffd8e0;font-size:12px}.alert span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e84b6d;margin-right:7px}.dashboard-page{min-height:100vh;background:radial-gradient(circle at 85% 10%,#6d28c9,transparent 30%),linear-gradient(135deg,#061f58,#087bc4 45%,#351278)}.topbar{height:75px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(2,18,58,.35);backdrop-filter:blur(15px)}.compact .brand-mark{width:40px;height:40px;font-size:19px}.compact strong{font-size:15px}.logout{color:#bde5ff;text-decoration:none;font-size:13px}.dashboard{width:min(1250px,90vw);margin:55px auto}.dashboard h1{margin:0;font-size:36px}.muted{color:#b7cbe3}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0}.stats>div,.welcome-card{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:18px;padding:22px;backdrop-filter:blur(15px)}.stats small,.stats span{display:block;color:#a9c4e2;font-size:12px}.stats strong{display:block;font-size:30px;margin:10px 0}.welcome-card{display:flex;justify-content:space-between;align-items:center;gap:30px}.welcome-card h2{margin:0 0 8px}.welcome-card .primary-btn{width:220px;flex:0 0 auto}@media(max-width:900px){.login-shell{grid-template-columns:1fr;margin:15px auto}.brand-panel{padding:32px}.login-panel{padding:25px}.login-card{padding:30px}.stats{grid-template-columns:1fr 1fr}.welcome-card{flex-direction:column;align-items:stretch}.welcome-card .primary-btn{width:100%}}@media(max-width:560px){.feature-grid{grid-template-columns:1fr}.brand-panel{padding:26px 22px}.login-panel{padding:18px}.login-card{padding:25px 20px}.hero-copy h1{font-size:36px}.stats{grid-template-columns:1fr}.login-shell{width:96vw;border-radius:20px}}