@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--bg-gradient:linear-gradient(135deg, #f3f7fa 0%, #e0eafd 100%);--card-bg:#fffc;--card-border:#3b82f626;--card-shadow:0 4px 6px -1px #02040a08, 0 10px 15px -3px #2563eb0d, 0 20px 25px -5px #0000000d;--text-primary:#02040a;--text-secondary:#334155;--text-muted:#64748b;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-gradient:linear-gradient(135deg, #2563eb 0%, #00f0ff 100%);--input-bg:#fffc;--input-border:#3b82f626;--input-focus-border:#2563eb;--input-focus-shadow:#2563eb26;--google-btn-bg:#fff;--google-btn-text:#02040a;--google-btn-border:#3b82f626;--google-btn-hover-bg:#f8fafc;--error-bg:#ef444414;--error-text:#ef4444;--error-border:#ef444433;--success-bg:#22c55e14;--success-text:#22c55e;--blob-1:#2563eb14;--blob-2:#00f0ff14}:root.dark{--bg-gradient:linear-gradient(135deg, #010307 0%, #030816 100%);--card-bg:#02040ab3;--card-border:#00f0ff26;--card-shadow:0 10px 30px -10px #000000b3, 0 0 25px #00f0ff14, inset 0 1px 0 #ffffff0d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#334155;--accent:#00f0ff;--accent-hover:#38bdf8;--accent-gradient:linear-gradient(135deg, #1d4ed8 0%, #00f0ff 100%);--input-bg:#010205b3;--input-border:#00f0ff1a;--input-focus-border:#00f0ff;--input-focus-shadow:#00f0ff33;--google-btn-bg:#ffffff03;--google-btn-text:#f8fafc;--google-btn-border:#00f0ff1a;--google-btn-hover-bg:#00f0ff0d;--error-bg:#f871711a;--error-text:#f87171;--error-border:#f8717133;--success-bg:#4ade801a;--success-text:#4ade80;--blob-1:#1d4ed859;--blob-2:#00f0ff2e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);min-height:100vh;transition:background .3s,color .3s;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.auth-container{box-sizing:border-box;background-image:radial-gradient(circle at 15% 15%,#ffffff26 1px,#0000 1px),radial-gradient(circle at 85% 20%,#ffffff14 1.5px,#0000 1.5px),radial-gradient(circle at 45% 70%,#ffffff1f 1.2px,#0000 1.2px),radial-gradient(circle at 95% 80%,#ffffff14 2px,#0000 2px),radial-gradient(circle at 20% 85%,#ffffff14 1.5px,#0000 1.5px),radial-gradient(circle at 70% 35%,#ffffff1a 1.5px,#0000 1.5px);background-repeat:repeat;background-size:500px 500px;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;animation:180s linear infinite space-drift;display:flex;position:relative;overflow:hidden}@keyframes space-drift{0%{background-position:0 0}to{background-position:500px -1000px}}.auth-container:before{content:"";background:var(--blob-1);filter:blur(140px);z-index:0;pointer-events:none;border-radius:50%;width:700px;height:700px;animation:40s ease-in-out infinite alternate nebula-drift-1;position:absolute;top:-300px;left:-300px}.auth-container:after{content:"";background:var(--blob-2);filter:blur(160px);z-index:0;pointer-events:none;border-radius:50%;width:800px;height:800px;animation:45s ease-in-out infinite alternate-reverse nebula-drift-2;position:absolute;bottom:-350px;right:-350px}@keyframes nebula-drift-1{0%{opacity:.7;transform:translate(0)scale(1)}50%{opacity:.95;transform:translate(100px,60px)scale(1.15)}to{opacity:.7;transform:translate(-50px,-100px)scale(.85)}}@keyframes nebula-drift-2{0%{opacity:.7;transform:translate(0)scale(1)}50%{opacity:.95;transform:translate(-80px,100px)scale(1.1)}to{opacity:.7;transform:translate(60px,-50px)scale(.9)}}.auth-card{z-index:10;border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(28px);width:100%;max-width:440px;box-shadow:var(--card-shadow);box-sizing:border-box;border-radius:28px;flex-direction:column;padding:3rem 2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);animation:.8s cubic-bezier(.16,1,.3,1) forwards card-appear;display:flex;position:relative}.auth-card:hover{border-color:#00f0ff59;transform:translateY(-2px);box-shadow:0 15px 35px -10px #000c,0 0 35px #00f0ff26}@keyframes card-appear{0%{opacity:0;filter:blur(5px);transform:translateY(20px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.auth-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:2.25rem;display:flex}.brand-logo{justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.25rem;animation:4s ease-in-out infinite logo-float;display:flex}.brand-logo img{object-fit:contain;width:100%;height:100%}@keyframes logo-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(3deg)}}.auth-title{letter-spacing:-.03em;color:var(--text-primary);background:linear-gradient(135deg, var(--text-primary) 40%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.85rem;font-weight:800}.auth-subtitle{color:var(--text-secondary);font-size:.925rem}.auth-form{flex-direction:column;gap:1.35rem;width:100%;display:flex}.form-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;padding-left:4px;font-size:.8rem;font-weight:700}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);pointer-events:none;transition:all .2s;position:absolute;left:16px}.input-field{width:100%;font-family:var(--font-sans);color:var(--text-primary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:16px;outline:none;padding:.9rem 1rem .9rem 46px;font-size:.95rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.input-field:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 4px var(--input-focus-shadow), 0 0 15px #00f0ff26;background:var(--card-bg)}.input-field:focus+.input-icon{color:var(--accent);transform:scale(1.05)}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:16px}.password-toggle:hover{color:var(--text-primary)}.primary-btn{width:100%;font-family:var(--font-sans);color:#fff;background:var(--accent-gradient);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.9rem;font-size:.975rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 15px -2px #1d4ed873,0 0 10px #00f0ff33}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px -2px #1d4ed899,0 0 20px #00f0ff66}.primary-btn:active{transform:translateY(1px)}.google-btn{width:100%;font-family:var(--font-sans);color:var(--google-btn-text);background:var(--google-btn-bg);border:1px solid var(--google-btn-border);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;padding:.9rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.google-btn:hover{background:var(--google-btn-hover-bg);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 15px #00f0ff26}.google-icon{width:20px;height:20px}.divider{text-align:center;width:100%;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;align-items:center;margin:1.5rem 0;font-size:.775rem;font-weight:700;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--input-border);flex:1}.divider:not(:empty):before{margin-right:1.25em}.divider:not(:empty):after{margin-left:1.25em}.auth-footer-links{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.75rem;display:flex}.auth-link{color:var(--accent);font-size:.875rem;font-weight:700;text-decoration:none;transition:all .2s}.auth-link:hover{color:var(--text-primary);text-shadow:0 0 10px #00f0ff99}.error-message{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);text-align:left;border-radius:16px;align-items:center;gap:.75rem;padding:.9rem 1.1rem;font-size:.875rem;font-weight:600;line-height:1.4;animation:.4s ease-in-out shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.theme-toggle-floating{z-index:999;background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);width:46px;height:46px;color:var(--text-primary);cursor:pointer;box-shadow:var(--card-shadow);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:24px;right:24px}.theme-toggle-floating:hover{border-color:var(--accent);transform:scale(1.1)rotate(12deg);box-shadow:0 0 18px #00f0ff66}.theme-toggle-floating svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}