@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.App,body{min-height:100vh}.App{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;position:relative}.App:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#22c55e1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 40% 40%,#a855f70d 0,#0000 50%);content:"";height:120%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}h1{-webkit-text-fill-color:#0000;animation:slideDown 1s ease-out;background:linear-gradient(135deg,#fff,#a3a3a3);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1.5rem;position:relative;text-align:center}h1:after{animation:expandLine 1.5s ease-out .5s both;background:linear-gradient(90deg,#22c55e,#3b82f6);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes expandLine{0%{width:0}to{width:80px}}p{animation:fadeIn 1s ease-out .8s both;color:#d1d5db;font-size:1.2rem;line-height:1.6;margin-bottom:3rem;max-width:600px;opacity:0;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-flex{animation:fadeIn 1s ease-out 1.2s both;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;opacity:0}.btn-flex a{border:2px solid #0000;border-radius:12px;display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:.5px;min-width:140px;overflow:hidden;padding:1rem 2.5rem;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-flex a[href="/login"]{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e4d;color:#fff}.btn-flex a[href="/login"]:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 8px 25px #22c55e66;transform:translateY(-2px)}.btn-flex a[href="/register"]{background:#0000;border:2px solid #3b82f6;box-shadow:0 4px 15px #3b82f633;color:#3b82f6}.btn-flex a[href="/register"]:hover{background:#3b82f6;box-shadow:0 8px 25px #3b82f666;color:#fff;transform:translateY(-2px)}.btn-flex a:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-flex a:hover:before{left:100%}.btn-flex a:active{transform:translateY(0)}.btn-flex a:focus{outline:2px solid #fff;outline-offset:2px}.input-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;position:relative}.input-field label{color:#d1d5db;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.input-field input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2937cc;border:2px solid #4b556380;border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;padding:1rem 1.2rem;position:rel ative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.input-field input::placeholder{color:#9ca3af;opacity:.7}.input-field input:focus{background:#1f2937f2;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 15px #3b82f633;outline:none;transform:translateY(-1px)}.input-field input:focus+label,.input-field:focus-within label{color:#3b82f6}.input-field input:hover{background:#1f2937e6;border-color:#9ca3afb3}.input-field input:not(:placeholder-shown){background:#1f2937e6;border-color:#22c55e99}.input-field input:not(:placeholder-shown)+label{color:#22c55e}.input-field:before{background:linear-gradient(135deg,#3b82f61a,#22c55e1a);border-radius:12px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:0}.input-field:focus-within:before{opacity:.1}.input-field.error input{background:#ef44441a;border-color:#ef4444}.input-field.error label{color:#ef4444}.input-field.error input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a,0 4px 15px #ef444433}.input-field.success input{background:#22c55e1a;border-color:#22c55e}.input-field.success label{color:#22c55e}.input-field input:disabled{background:#11182780;border-color:#4b55634d;color:#6b7280;cursor:not-allowed}.input-field input:disabled::placeholder{color:#4b5563}form button{background:linear-gradient(135deg,#3b82f6,#22c55e);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f633;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase;transition:all .5s ease;width:100%}form button:hover{background:linear-gradient(135deg,#22c55e,#3b82f6);box-shadow:0 8px 25px #22c55e4d;transform:translateY(-2px)}form button:active{transform:translateY(0)}form button:focus{outline:2px solid #fff;outline-offset:2px}.App form{width:65%}.navbar{align-items:center;display:flex;justify-content:space-around;margin-left:4.5vw;width:30%}.navbar button{background:#11182780;border:none;border-radius:12px;color:#d1d5db;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.navbar button:hover{background:linear-gradient(135deg,#3b82f6,#22c55e);box-shadow:0 4px 15px #3b82f64d;color:#fff;transform:translateY(-2px)}.navbar button:active{transform:translateY(0)}.navbar button:focus{outline:2px solid #fff;outline-offset:2px}.dashboard{overflow:hidden}.dashboard h2{font-size:2.5vw;margin:3.5vw 5vw 1.5vw}
/*# sourceMappingURL=main.975d26c1.css.map*/