:root{--gradient-color-1: #3EAE2C;--gradient-color-2: #00A65B;--gradient-color-3: #009B85;--gradient-color-4: #008EA8;--gradient-color-5: #007EBD;--gradient-color-6: #006CC1;--bg: #0B0C0D;--bg-secondary: #111213;--surface: #1A1B1E;--surface-elevated: #212225;--border: #2A2B2E;--border-light: #3A3B3E;--text-primary: #FFFFFF;--text-secondary: #A1A1AA;--text-muted: #71717A;--gradient-primary: linear-gradient(135deg, var(--gradient-color-1) 0%, var(--gradient-color-3) 100%);--gradient-full: linear-gradient(135deg, var(--gradient-color-1) 0%, var(--gradient-color-2) 20%, var(--gradient-color-3) 40%, var(--gradient-color-4) 60%, var(--gradient-color-5) 80%, var(--gradient-color-6) 100%)}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg) 30%,var(--bg) 70%,var(--bg-secondary) 100%);background-attachment:fixed;min-height:100vh;margin:0;padding:0}h1{font-size:clamp(32px,6vw,48px);font-weight:800;color:var(--text-primary);line-height:1.1}h2{font-size:clamp(28px,5vw,40px);font-weight:700;color:var(--text-primary);line-height:1.2;background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h3{font-size:clamp(20px,4vw,24px);font-weight:600;color:var(--text-primary);line-height:1.3}p{font-size:16px;font-weight:400;color:var(--text-secondary);line-height:1.6}.eyebrow{color:#009b85;text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:16px;margin-bottom:24px}.card{background:#141518cc;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{transform:translateY(-2px);border-color:#43b02a4d;box-shadow:0 12px 32px #0003}.glass-card{background:linear-gradient(135deg,#141518f2,#1e1f22e6);border:2px solid transparent;border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.btn-primary{background:var(--gradient-primary);border:none;border-radius:12px;padding:16px 24px;color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #43b02a4d;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3eae2c66;background:linear-gradient(135deg,var(--gradient-color-1) 0%,var(--gradient-color-2) 100%)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;border:2px solid var(--gradient-color-1);border-radius:12px;padding:14px 22px;color:var(--gradient-color-1);font-weight:600;transition:all .3s ease;cursor:pointer}.btn-secondary:hover{background:var(--gradient-color-1);color:#fff;transform:translateY(-1px)}.form-input{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:16px;font-weight:500;transition:all .3s ease;width:100%;padding:16px 20px 16px 48px}.form-input:focus{outline:none;border-color:#43b02a80;box-shadow:0 0 0 3px #43b02a1a}.form-input::placeholder{color:var(--text-secondary);opacity:.7}.form-group{position:relative;background:#141518cc;border:2px solid transparent;border-radius:16px;padding:4px;margin-bottom:24px}.form-group:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;background:var(--gradient-full);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;opacity:0;transition:opacity .4s ease}.form-group:focus-within:before{opacity:1}.form-group input{background:transparent;border:none;border-radius:12px;margin:0}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);width:20px;height:20px;z-index:1}.input-icon-right{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);width:20px;height:20px;cursor:pointer;transition:color .3s ease}.input-icon-right:hover{color:var(--gradient-color-1)}.grid-background{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;animation:grid-move 20s linear infinite;z-index:-1}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.smooth-transition{transition:all .4s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.shimmer{position:relative;overflow:hidden}.shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.shimmer:hover:before{left:100%}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;background:transparent}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(60% 40% at 50% 70%,rgba(62,174,44,.08) 0%,transparent 60%),radial-gradient(30% 20% at 85% 90%,rgba(0,110,193,.05) 0%,transparent 60%);pointer-events:none;z-index:0}.login-card{width:100%;max-width:480px;padding:48px;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:40px}.login-header h2{margin-top:8px;margin-bottom:8px}.login-header p{color:var(--text-secondary);font-size:16px}.login-form{display:flex;flex-direction:column;gap:24px}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:16px;color:#fca5a5;font-size:14px;margin-bottom:24px}.signup-link{text-align:center;margin-top:32px;color:var(--text-secondary);font-size:14px}.signup-link button{color:var(--gradient-color-1);font-weight:600;background:none;border:none;cursor:pointer;transition:color .3s ease}.signup-link button:hover{color:var(--gradient-color-2)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-gradient{stroke:url(#iconGradient);stroke-width:2;transition:all .3s ease}.login-footer{position:fixed;bottom:0;left:0;right:0;padding:24px;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(11,12,13,.8) 50%,rgba(11,12,13,.95) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.login-footer-content{display:flex;align-items:center;justify-content:center;gap:16px;max-width:600px;margin:0 auto}.footer-logo{width:32px;height:32px;background:var(--gradient-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff}.footer-text{font-size:14px;font-weight:500;color:var(--text-secondary)}.footer-brand{font-weight:700;color:var(--text-primary)}@media (max-width: 640px){.login-footer-content{flex-direction:column;gap:12px}.footer-text{font-size:13px}}