@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Inter:wght@300..700&display=swap);body{background-color:#050510;background-image:url('/public/login_background.webp');background-size:cover;background-position:center center;background-repeat:no-repeat;color:#e8ecf4;font-family:"Space Grotesk",Inter,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;position:relative}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:radial-gradient(ellipse at center,rgba(5,5,16,.3) 0,rgba(5,5,16,.65) 100%)}.login-container{display:flex;justify-content:center;align-items:center;width:100%;z-index:1}.login-form{background:rgba(255,255,255,.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:650px;height:650px;border-radius:50%;border:1px solid rgba(0,240,255,.12);box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 30px rgba(0,240,255,.06),0 0 60px rgba(0,240,255,.03),inset 0 1px 0 rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem 3rem}.logo{width:100px;height:100px;border-radius:50%;margin-bottom:.5rem;border:2px solid rgba(0,240,255,.4);box-shadow:0 0 20px rgba(0,240,255,.25),0 0 40px rgba(0,240,255,.1);object-fit:cover;filter:drop-shadow(0 0 12px rgba(0, 240, 255, .3))}h2{margin-bottom:.75rem;font-family:"Space Grotesk",sans-serif;font-weight:600;letter-spacing:.02em;background:linear-gradient(135deg,#00f0ff,#b347d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.6rem}.input-group{margin-bottom:.75rem;text-align:left;width:100%;max-width:340px}.input-group label{display:block;margin-bottom:.4rem;color:rgba(232,236,244,.6);font-size:.8rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.input-group input{width:100%;padding:.7rem .9rem;border:1px solid rgba(0,240,255,.1);border-radius:.625rem;background-color:rgba(10,14,26,.8);color:#e8ecf4;font-family:Inter,sans-serif;font-size:.95rem;box-sizing:border-box;transition:all .3s ease;outline:0}.input-group input:focus{border-color:rgba(0,240,255,.3);box-shadow:0 0 15px rgba(0,240,255,.15),0 0 30px rgba(0,240,255,.05);background-color:rgba(15,20,40,.9)}.input-group input::placeholder{color:rgba(232,236,244,.3)}button{width:100%;max-width:340px;padding:.7rem;border:none;border-radius:.625rem;background:linear-gradient(135deg,#00f0ff,#00c4cc);color:#050510;font-family:"Space Grotesk",sans-serif;font-size:1rem;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-top:.25rem}button:hover{background:linear-gradient(135deg,#33f5ff,#00f0ff);box-shadow:0 0 20px rgba(0,240,255,.3),0 0 40px rgba(0,240,255,.1);transform:translateY(-1px)}button:active{transform:translateY(0)}.error{color:#ff2d7b;margin-top:.5rem;font-size:.85rem;max-width:340px}::selection{background:rgba(0,240,255,.25);color:#e8ecf4}@media (max-width:560px){.login-form{width:90vmin;height:90vmin;padding:1.5rem}.input-group{max-width:200px}.input-group input{padding:.6rem .8rem;font-size:.9rem}button{max-width:200px;padding:.6rem}.logo{width:60px;height:60px}h2{font-size:1.1rem;margin-bottom:.5rem}.input-group{margin-bottom:.5rem}.input-group label{font-size:.7rem}}#shatter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none;display:none;perspective:1200px;transform-style:preserve-3d;contain:layout style}.shard{position:absolute;background:rgba(5,8,22,.22);border:1px solid rgba(var(--sr,0),var(--sg,240),var(--sb,255),var(--si,.1));transform:translate3d(0,0,0);will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d;contain:layout style paint}.shard.scattered{border-color:rgba(var(--sr,0),var(--sg,240),var(--sb,255),.4);background:rgba(var(--sr,0),var(--sg,240),var(--sb,255),.06)}#flash{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;pointer-events:none;opacity:0}