@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#0f172a;margin:0}h1,h2,h3,p{margin:0}:root{--bg-base:#030303;--bg-surface:#121212a6;--bg-input:#ffffff05;--border-glass:#ffffff14;--border-focus:#ffffff40;--text-primary:#fff;--text-secondary:#888;--text-tertiary:#555;--shadow-inset:inset 0 1px 1px #ffffff14;--shadow-elevation:0 12px 40px #0009;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1)}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app-shell,.dashboard-shell{background:radial-gradient(circle at 50% 0,#151515 0%,#030303 60%);min-height:100vh;padding:40px 16px 60px}.auth-card,.panel,.stat-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);box-shadow:var(--shadow-elevation), var(--shadow-inset);transition:var(--transition-smooth);border-radius:20px}.auth-card:hover,.panel:hover{border-color:#ffffff1f}.auth-card{max-width:440px;margin:10vh auto 0;padding:48px}.dashboard-container{gap:32px;max-width:1140px;margin:0 auto;display:grid}.dashboard-header{border-bottom:1px solid var(--border-glass);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding-bottom:24px;display:flex}.dashboard-header h1,.auth-card h1{letter-spacing:-.04em;color:#fff;margin:0;font-size:2.4rem;font-weight:600}.subtitle{color:var(--text-secondary);margin:8px 0 0;font-size:.95rem;line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);margin:0 0 16px;font-size:.7rem;font-weight:600}.form{gap:20px;margin-top:32px;display:grid}.field{gap:10px;display:grid}.field span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.field input,.field textarea,.field select,.filters input{box-sizing:border-box;background:var(--bg-input);border:1px solid var(--border-glass);color:#fff;width:100%;transition:var(--transition-smooth);border-radius:12px;outline:none;padding:14px 16px;font-size:.95rem;box-shadow:inset 0 2px 4px #0003}.field input::placeholder,.field textarea::placeholder{color:#444}.field input:focus,.field textarea:focus,.field select:focus,.filters input:focus{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus), inset 0 2px 4px #0003;background:#ffffff0d}select option{padding:12px;color:#fff!important;background-color:#121212!important}.primary-btn{color:#000;cursor:pointer;transition:var(--transition-smooth);background:#fff;border:none;border-radius:12px;padding:16px 20px;font-weight:600;box-shadow:0 4px 14px #ffffff1a}.primary-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 20px #fff3}.primary-btn:disabled{opacity:.3;cursor:not-allowed}.auth-switch,.status-toggle{border:1px solid var(--border-glass);background:#0006;border-radius:14px;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;display:grid;box-shadow:inset 0 2px 4px #00000080}.status-toggle{grid-template-columns:repeat(3,1fr)}.switch-btn,.toggle-btn,.ghost-btn,.small-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:10px;padding:10px 14px;font-weight:500}.switch-btn.active,.toggle-btn.active{color:#fff;box-shadow:0 2px 8px #0006, var(--shadow-inset);background:#ffffff1a;border-color:#ffffff0d}.switch-btn:hover:not(.active),.toggle-btn:hover:not(.active){color:#fff}.ghost-btn{border:1px solid var(--border-glass)}.ghost-btn:hover{color:#fff;background:#ffffff0d}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.stat-card{text-align:center;padding:24px}.stat-card p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;font-size:.75rem}.stat-card strong{color:#fff;font-size:3rem;font-weight:300;line-height:1}.task-grid{gap:16px;margin-top:24px;display:grid}.task-card{border:1px solid var(--border-glass);transition:var(--transition-smooth);background:#ffffff03;border-radius:16px;padding:24px}.task-card:hover{background:#ffffff08;border-color:#ffffff26;transform:translateY(-2px)}.task-card h3{color:#fff;margin:0;font-size:1.2rem;font-weight:500}.task-card p{color:var(--text-secondary);margin:12px 0 20px;font-size:.95rem;line-height:1.6}.task-head,.task-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.status-pill{text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #0000;border-radius:99px;padding:6px 14px;font-size:.7rem;font-weight:600}.status-pill.todo{color:#d4af37;background:#d4af371a;border-color:#d4af3733}.status-pill.done{color:#fff;background:#ffffff0d;border-color:#ffffff26}.priority-tag{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-glass);border-radius:8px;padding:6px 12px;font-size:.7rem;font-weight:600}.priority-tag.high{color:#ff6b6b;background:#ff6b6b0d;border-color:#ff6b6b33}.priority-tag.medium{color:#d4af37;background:#d4af370d;border-color:#d4af3733}.priority-tag.low{color:#888;background:#ffffff05}.meta-chip{color:#ccc;border:1px solid var(--border-glass);background:#ffffff0d;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:500}.actions{gap:8px;display:flex}.small-btn{border:1px solid var(--border-glass);color:#eee;background:#ffffff08;border-radius:8px;padding:8px 16px;font-size:.8rem}.small-btn:hover{color:#000;background:#fff}.small-btn.danger{color:#ff6b6b;background:#f871710d;border-color:#f871714d}.small-btn.danger:hover{color:#fff;background:#ff6b6b}.empty-state{text-align:center;background:#0003;border:1px dashed #ffffff26;border-radius:16px;margin-top:32px;padding:60px 20px}.empty-icon{width:64px;height:64px;color:var(--text-secondary);border:1px solid var(--border-glass);background:#ffffff08;border-radius:16px;place-items:center;margin:0 auto 20px;font-size:1.8rem;display:grid}.loading-wrap{color:var(--text-secondary);place-items:center;gap:16px;margin-top:60px;display:grid}.spinner{border:2px solid var(--border-glass);border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:.8s cubic-bezier(.6,.2,.4,.8) infinite spin}.toast{color:#000;z-index:50;border-radius:12px;padding:16px 24px;font-weight:600;animation:.4s forwards slideUp;position:fixed;bottom:32px;right:32px;box-shadow:0 20px 40px #00000080,inset 0 1px 1px #ffffff80}.toast.success{background:#fff}.toast.error{color:#fff;background:#ff6b6b}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-header h1,.auth-card h1{font-size:1.8rem}}.landing-page{color:#fff;background:#000;min-height:100vh;position:relative;overflow-x:hidden}.ambient-grid{z-index:0;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:60px 60px;animation:30s linear infinite gridPan;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 20%,#0000 80%);mask-image:linear-gradient(#000 20%,#0000 80%)}@keyframes gridPan{0%{background-position:0 0}to{background-position:60px 60px}}.hero-bg-glow{z-index:1;pointer-events:none;background:radial-gradient(circle,#3b82f633 0%,#a855f71a 30%,#0000 60%);width:900px;height:900px;animation:8s ease-in-out infinite alternate breatheGlow;position:absolute;top:-30%;left:50%;transform:translate(-50%)}@keyframes breatheGlow{0%{opacity:.6;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1.2)}}.landing-nav{-webkit-backdrop-filter:blur(20px);z-index:100;background:#00000080;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 8%;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:14px;display:flex}.logo-text{letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.nav-login-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:99px;padding:10px 24px;font-weight:500;transition:all .3s}.nav-login-btn:hover{color:#000;background:#fff;box-shadow:0 0 20px #ffffff4d}.hero-section{text-align:center;z-index:2;padding:140px 5% 100px;position:relative}.hero-content{max-width:860px;margin:0 auto}.animate-fade-down{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeDown}.animate-stagger-1{animation:.8s cubic-bezier(.16,1,.3,1) backwards fadeUp}.animate-stagger-2{animation:.8s cubic-bezier(.16,1,.3,1) .15s backwards fadeUp}.animate-stagger-3{animation:.8s cubic-bezier(.16,1,.3,1) .3s backwards fadeUp}.animate-stagger-4{animation:.8s cubic-bezier(.16,1,.3,1) .45s backwards fadeUp}@keyframes fadeUp{0%{opacity:0;filter:blur(4px);transform:translateY(30px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.premium-badge{color:#a1a1aa;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;margin-bottom:32px;padding:8px 16px;font-size:.85rem;font-weight:500;display:inline-block}.hero-title{letter-spacing:-.04em;margin-bottom:32px;font-size:5rem;font-weight:800;line-height:1.05}.gradient-text{background:linear-gradient(270deg,#60a5fa,#a855f7,#ec4899,#60a5fa) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:6s infinite colorPan}@keyframes colorPan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-subtitle{color:#a1a1aa;max-width:600px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.6}.hero-actions{justify-content:center;gap:20px;display:flex}.pulse-btn{color:#000;background:#fff;border-radius:99px;padding:18px 40px;font-size:1.1rem;position:relative;overflow:hidden;box-shadow:0 0 30px #fff3}.shine-effect:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);width:50%;height:100%;animation:4s cubic-bezier(.16,1,.3,1) infinite shineSweep;position:absolute;top:0;left:-100%;transform:skew(-20deg)}@keyframes shineSweep{0%{left:-100%}20%{left:200%}to{left:200%}}.scroll-btn{border-radius:99px;padding:18px 40px;font-size:1.1rem}.features-section{z-index:2;background:linear-gradient(#0000,#020202 20%);border-top:1px solid #ffffff08;padding:120px 5%;position:relative}.section-title{text-align:center;letter-spacing:-.03em;background:linear-gradient(#fff,#666);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:80px;font-size:3rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto;display:grid}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141499;border:1px solid #ffffff0d;border-radius:24px;padding:40px 32px;transition:all .5s cubic-bezier(.16,1,.3,1);animation:1s both fadeUp;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.feature-card:hover{border-color:#a855f766;transform:translateY(-12px);box-shadow:0 30px 60px #000c,0 0 40px #3b82f626}.feature-card:hover:before{transition:all .7s;left:150%}.feature-icon{filter:drop-shadow(0 0 10px #fff3);margin-bottom:24px;font-size:2.8rem;transition:transform .4s}.feature-card:hover .feature-icon{transform:scale(1.15)translateY(-5px)}.feature-card h3{margin-bottom:12px;font-size:1.4rem;font-weight:600}.feature-card p{color:#a1a1aa;line-height:1.6}.landing-footer{background:#000;border-top:1px solid #ffffff0d;padding:80px 8% 40px}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto 60px;display:flex}.footer-brand p{color:var(--text-secondary);margin-top:12px;font-size:.95rem}.social-links{gap:20px;display:flex}.social-links a{color:var(--text-secondary);border:1px solid var(--border-glass);width:44px;height:44px;transition:var(--transition-smooth);background:#ffffff08;border-radius:50%;place-items:center;display:grid}.social-links a:hover{color:#fff;background:#3b82f633;border-color:#3b82f680;transform:translateY(-4px);box-shadow:0 10px 20px #3b82f633}.footer-bottom{text-align:center;color:var(--text-tertiary);border-top:1px solid #ffffff0d;max-width:1200px;margin:0 auto;padding-top:32px;font-size:.85rem}@media (width<=768px){.hero-title{font-size:3rem}.pulse-btn,.scroll-btn{box-sizing:border-box;width:100%;padding:16px 32px}.hero-actions{flex-direction:column}}