:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-color: #2c3e50;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--app-bg: rgba(255, 255, 255, .95);--footer-bg: rgba(102, 126, 234, .05);--heading-color: #2c3e50;--subheading-color: #34495e;--footer-text: #666;--card-bg: white;--border-color: #eee;--navbar-bg: rgba(255, 255, 255, .95);--modal-bg: white}:root[data-theme=dark]{--text-color: #e8eaed;--bg-gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--app-bg: rgba(30, 30, 30, .95);--footer-bg: rgba(50, 50, 60, .3);--heading-color: #e8eaed;--subheading-color: #b8bcc0;--footer-text: #999;--card-bg: #2a2a2a;--border-color: #444;--navbar-bg: rgba(40, 40, 40, .95);--modal-bg: #2a2a2a}:root{color:var(--text-color);background:var(--bg-gradient)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:inherit}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--app-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:1200px;margin:0 auto;box-shadow:25px 0 50px #0000001f,-25px 0 50px #0000001f}.content{flex:1;padding:0 2rem;max-width:800px;margin:0 auto;width:100%}section{margin:3rem 0}h2{color:var(--heading-color);font-size:2rem;margin-bottom:1rem;text-align:center}h3{color:var(--subheading-color);margin-bottom:.5rem}.footer{text-align:center;padding:2rem;color:var(--footer-text);background:var(--footer-bg)}.hero{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#667eea14,#764ba214);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(102,126,234,.1) 0%,transparent 70%);animation:heroFloat 20s ease-in-out infinite;pointer-events:none}.hero h1{font-size:3rem;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.subtitle{font-size:1.2rem;color:#666;margin:1rem 0 0}:root[data-theme=dark] .hero h1{background:linear-gradient(135deg,#fff,#f8f9fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-theme=dark] .subtitle{color:#fff}.hero-cta{margin-top:3rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--navbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(102,126,234,.1);position:sticky;top:0;z-index:100}.nav-brand{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer}.nav-links{display:flex;gap:1rem}.nav-links a{background:none;border:none;padding:.75rem 1.5rem;border-radius:50px;cursor:pointer;font-weight:500;color:#666;text-decoration:none;transition:all .3s ease;display:inline-block}.nav-links a:hover,.nav-links a.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-1px)}.theme-toggle-fixed{position:fixed;bottom:2rem;right:2rem;background:var(--card-bg);border:1px solid var(--border-color);padding:.75rem;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0000001a;z-index:1000;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.theme-toggle-fixed:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.toggle-switch{width:24px;height:12px;background:#ddd;border-radius:12px;position:relative;transition:background .3s ease}.toggle-switch.dark{background:#333}.toggle-knob{width:10px;height:10px;background:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:transform .3s ease;box-shadow:0 1px 3px #0000004d}.toggle-switch.dark .toggle-knob{transform:translate(12px);background:#f0f0f0}.mobile-menu-toggle{display:none}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.feature{padding:1.5rem;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center;transition:transform .3s ease}.feature:hover{transform:translateY(-5px)}.changelog{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a}.changelog-entry{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.changelog-entry:last-child{border-bottom:none;margin-bottom:0}.changelog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.version{font-weight:600;color:#4f5bd5;font-size:1.1rem}:root[data-theme=dark] .version{color:#8fa4f3}.date{color:#666;font-size:.9rem}.changes{list-style:none;padding:0}.changes li{position:relative;padding:.25rem 0 .25rem 1.5rem}.changes li:before{content:"•";color:#667eea;position:absolute;left:0}.about,.contact{text-align:center;padding:2rem;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px #0000001a}.contact a{color:#4f5bd5;text-decoration:none;font-weight:500;border-bottom:2px solid transparent;transition:border-color .3s ease}:root[data-theme=dark] .contact a{color:#8fa4f3}.contact a:hover{border-bottom-color:#667eea}.cta-section{display:flex;justify-content:center;padding:2rem 0;background:linear-gradient(135deg,#667eea0d,#764ba20d);margin:-1rem -2rem 3rem;border-radius:0 0 24px 24px}.cta-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea66}.load-more-btn{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea;color:#667eea;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:500;margin:2rem auto 0;display:block;transition:all .3s ease}.load-more-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-1px)}.roadmap{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;margin:3rem 0}.roadmap-container{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.roadmap-item-new{display:grid;grid-template-columns:60px 1fr auto;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#667eea08,#764ba208);border-radius:12px;border-left:4px solid #667eea;transition:all .3s ease;align-items:center}.roadmap-item-new:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;background:linear-gradient(135deg,#667eea14,#764ba214)}.roadmap-number{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 4px 15px #667eea4d}.roadmap-content-new{flex:1}.roadmap-content-new h3{color:#2c3e50;margin:0 0 .5rem;font-size:1.2rem}.roadmap-content-new p{color:#666;margin:0;line-height:1.5}:root[data-theme=dark] .roadmap-content-new h3{color:#fff}:root[data-theme=dark] .roadmap-content-new p{color:#fff}.roadmap-status{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;white-space:nowrap}.status-next-up{background:#ffc10726;color:#ff6b35}.status-planned{background:#667eea1a;color:#667eea}.status-working-on{background:#28a74526;color:#28a745}.status-idea{background:#6c757d26;color:#6c757d}.status-done{background:#20c99726;color:#20c997}.info{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;margin:3rem 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:2rem 0}.stat-item{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:12px;transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stat-icon-minimal{width:24px;height:24px;margin:0 auto 1rem;border-radius:50%;position:relative}.stat-icon-minimal.tasks{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon-minimal.tasks:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:8px;border:2px solid white;border-top:none;border-right:none;transform:translate(-50%,-60%) rotate(-45deg)}.stat-icon-minimal.users{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon-minimal.users:after{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:#fff}.stat-icon-minimal.users:before{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:12px;height:6px;border-radius:6px 6px 0 0;background:#fff}.stat-icon-minimal.completion{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon-minimal.completion:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:10px;border:2px solid white;border-top:none;border-left:none;transform:translate(-60%,-65%) rotate(45deg)}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:#666;font-weight:500;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.page-section{max-width:800px;margin:3rem auto;padding:2rem;background:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px #0000001a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:2rem 1rem;padding-top:10vh;overflow-y:auto}.modal-content{background:var(--modal-bg);border-radius:20px;padding:2rem;max-width:400px;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#666;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#667eea1a;color:#667eea}.modal-content h3{color:#2c3e50;margin-bottom:.5rem;text-align:center}.modal-content p{text-align:center;color:#666;margin-bottom:2rem}.form-group{margin-bottom:1rem}.form-group input{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box;background:var(--card-bg);color:var(--text-color)}.form-group input:focus{outline:none;border-color:#667eea}.submit-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #667eea4d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.success-message{text-align:center;padding:2rem 0}.success-message h3{color:#27ae60;margin-bottom:1rem}.error-message{color:#e74c3c;font-size:.9rem;margin-top:.5rem;text-align:left}@keyframes heroFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-20px,-10px) rotate(1deg)}66%{transform:translate(20px,10px) rotate(-1deg)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{left:-150%}to{left:150%}}.skeleton{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,#667eea00,#fff9,#764ba200);animation:shimmer 1.5s infinite}@media (max-width: 768px){.hero h1{font-size:2rem}.content{padding:0 1rem}.feature-grid{grid-template-columns:1fr;gap:1rem}.feature{padding:1rem}.roadmap-item-new{display:flex;flex-direction:column;gap:.75rem;position:relative;grid-template-columns:none;padding:1rem}.roadmap-item-new .roadmap-number{position:absolute;top:1rem;left:1rem;order:-1}.roadmap-item-new .roadmap-content-new{order:1;flex:1}.roadmap-item-new .roadmap-content-new h3{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-left:60px}.roadmap-item-new .roadmap-status{order:2;align-self:flex-end;margin-top:.25rem}.roadmap-content-new p{margin:0;width:100%;padding-left:0}.roadmap-container{gap:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-item{padding:1rem}.stat-number{font-size:1.8rem}.stat-icon-minimal{width:18px;height:18px;margin-bottom:.75rem}.changelog-entry{margin-bottom:1rem;padding-bottom:.5rem}.changelog-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.75rem}.mobile-menu-toggle{display:flex;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-menu-toggle span{width:25px;height:3px;background:#667eea;margin:2px 0;transition:.3s;border-radius:2px}.nav-links{position:absolute;top:100%;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:1rem;box-shadow:0 4px 20px #0000001a;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s ease}.nav-links.mobile-open{transform:translateY(0);opacity:1;pointer-events:all}.nav-links a{padding:.5rem 1rem;margin:.15rem 0;width:100%;text-align:center;font-size:1.1rem}.nav-links{padding:.75rem}.modal-content{margin:1rem;padding:1.5rem;max-width:none;width:calc(100% - 2rem)}.cta-section{margin:-1rem -1rem 3rem}}