*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Inter,sans-serif;background:#0c1218;color:#F1EBE4;min-height:100vh}body{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}body:before{background:radial-gradient(ellipse 80% 60% at 85% 15%,rgba(24,124,237,.07) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 10% 80%,rgba(29,176,73,.03) 0,transparent 50%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(132,217,255,.02) 0,transparent 50%)}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:after{background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.15) 0,transparent 100%),radial-gradient(1px 1px at 25% 55%,rgba(255,255,255,.08) 0,transparent 100%),radial-gradient(1px 1px at 40% 12%,rgba(255,255,255,.12) 0,transparent 100%),radial-gradient(1.5px 1.5px at 55% 75%,rgba(255,255,255,.06) 0,transparent 100%),radial-gradient(1px 1px at 70% 35%,rgba(255,255,255,.1) 0,transparent 100%),radial-gradient(1px 1px at 85% 65%,rgba(255,255,255,.08) 0,transparent 100%)}.login-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:32px;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-logo{width:clamp(180px,30vw,280px);opacity:.9}.login-card{background:rgba(20,30,40,.8);border:1px solid rgba(51,77,103,.4);border-radius:16px;padding:40px;width:100%;max-width:380px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-title{font-family:Playfair Display,serif;font-size:22px;font-weight:600;margin-bottom:8px;text-align:center}.login-subtitle{font-size:13px;color:#8899AA;text-align:center;margin-bottom:28px}.input-group{position:relative;margin-bottom:20px}.login-input{width:100%;padding:14px 16px;background:rgba(12,18,24,.8);border:1px solid rgba(51,77,103,.4);border-radius:10px;color:#F1EBE4;font-family:Inter,sans-serif;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-input:focus{border-color:rgba(132,217,255,.4);box-shadow:0 0 0 3px rgba(132,217,255,.08)}.login-input::placeholder{color:#556677}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#187CED,#84D9FF);border:none;border-radius:10px;color:#0c1218;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .15s ease}.login-btn:hover{opacity:.9;transform:scale(1.01)}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-msg{color:#f06c6c;font-size:13px;text-align:center;margin-bottom:16px;animation:shake .4s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}