*,*:before,*:after{box-sizing:border-box}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-text: #1d1d1f;--color-text-secondary: #555;--color-text-muted: #666;--color-text-placeholder: #86868b;--color-background: #f5f5f7;--color-background-hover: #ebebed;--color-white: #fff;--color-border: #e0e0e0;--color-error: #c00;--color-error-bg: #fee;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-card: 0 10px 40px rgba(0, 0, 0, .2);--shadow-button: 0 4px 15px rgba(102, 126, 234, .4);--shadow-button-hover: 0 6px 20px rgba(102, 126, 234, .5);--shadow-focus: 0 0 0 4px rgba(102, 126, 234, .3), 0 1px 3px rgba(0, 0, 0, .1);--transition-fast: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif}body{margin:0;font-family:var(--font-family);background:var(--color-background);min-height:100vh;color:var(--color-text)}body.auth-page{background:var(--gradient-primary)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-container{width:100%;max-width:480px}.auth-container--narrow{max-width:420px}.hero{text-align:center;margin-bottom:2rem}.hero__title{font-size:3rem;color:var(--color-white);margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.hero__tagline{color:#ffffffe6;font-size:1.1rem;margin-top:.5rem}.hero__link{text-decoration:none}.card{background:var(--color-white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-card)}.card__title{margin:0 0 1.5rem;text-align:center;color:#333;font-size:1.5rem}.form-group{margin-bottom:1rem}.form-group__label{display:block;margin-bottom:.5rem;color:var(--color-text-secondary);font-weight:500;font-size:.9rem}.form-group__input{width:100%;padding:1rem;border:none;border-radius:var(--radius-md);font-size:1rem;transition:var(--transition-smooth);background:var(--color-background);color:var(--color-text)}.form-group__input::placeholder{color:var(--color-text-placeholder)}.form-group__input:hover{background:var(--color-background-hover)}.form-group__input:focus{outline:none;background:var(--color-white);box-shadow:var(--shadow-focus)}.btn{width:100%;padding:.875rem 1rem;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.7;cursor:not-allowed}.btn--primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:var(--shadow-button)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-button-hover)}.btn--outline{background:var(--color-white);color:#333;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;gap:.75rem}.btn--outline:hover{background:#f8f8f8;border-color:#ccc}.divider{display:flex;align-items:center;margin:1.5rem 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.divider__text{padding:0 1rem;color:#999;font-size:.9rem}.auth-link{text-align:center;margin-top:1.5rem;color:var(--color-text-muted);font-size:.9rem}.auth-link a{color:var(--color-primary);text-decoration:none;font-weight:600}.auth-link a:hover{text-decoration:underline}.forgot-link{text-align:right;margin-bottom:1.5rem}.forgot-link a{color:var(--color-primary);text-decoration:none;font-size:.875rem}.forgot-link a:hover{text-decoration:underline}.error-message{background:var(--color-error-bg);color:var(--color-error);padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.feature{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);padding:1.25rem;text-align:center}.feature__icon{width:40px;height:40px;margin:0 auto .75rem;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center}.feature__icon svg{width:20px;height:20px;color:var(--color-white)}.feature__title{color:var(--color-white);margin:0 0 .25rem;font-size:.9rem}.feature__text{color:#fffc;margin:0;font-size:.75rem;line-height:1.4}.floating-background{position:absolute;inset:0;overflow:hidden;pointer-events:none}.floating-shape{position:absolute;border-radius:50%;opacity:.5;filter:blur(60px)}.floating-shape--1{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);animation:float1 20s ease-in-out infinite}.floating-shape--2{width:450px;height:450px;background:linear-gradient(135deg,#10b981,#059669);animation:float2 25s ease-in-out infinite}.floating-shape--3{width:320px;height:320px;background:linear-gradient(135deg,#f59e0b,#d97706);animation:float3 18s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1);opacity:.5}25%{transform:translate(-120px,80px) scale(1.15);opacity:.7}50%{transform:translate(80px,150px) scale(.85);opacity:.4}75%{transform:translate(150px,-60px) scale(1.1);opacity:.6}}@keyframes float2{0%,to{transform:translate(0) scale(1) rotate(0);opacity:.5}20%{transform:translate(150px,-100px) scale(1.2) rotate(10deg);opacity:.6}40%{transform:translate(100px,-180px) scale(.8) rotate(-8deg);opacity:.35}60%{transform:translate(-130px,-120px) scale(1.15) rotate(5deg);opacity:.7}80%{transform:translate(-80px,60px) scale(.9) rotate(-5deg);opacity:.5}}@keyframes float3{0%,to{transform:translate(0) scale(1);opacity:.5}33%{transform:translate(-180px,-120px) scale(1.25);opacity:.7}66%{transform:translate(120px,100px) scale(.75);opacity:.35}}@media(max-width:600px){.hero__title{font-size:2.5rem}.features{grid-template-columns:1fr}.card{padding:1.5rem}}