*{box-sizing:border-box;margin:0;padding:0}.App{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem}.nav-brand h1{color:#333;font-size:1.5rem}.nav-links{display:flex;gap:1rem}.nav-btn{background:#0000;border:2px solid #667eea;border-radius:25px;color:#667eea;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.nav-btn:hover{transform:translateY(-2px)}.nav-btn.active,.nav-btn:hover{background:#667eea;color:#fff}.main-content{min-height:calc(100vh - 80px);padding:2rem}.home-section{color:#fff;text-align:center}.hero{margin:0 auto;max-width:1200px;padding:2rem 0}.hero h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.hero-subtitle{font-size:1.2rem;margin-bottom:3rem;opacity:.9}.features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:2rem;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:#fff;font-size:1.3rem;margin-bottom:1rem}.todo-section{align-items:flex-start;display:flex;justify-content:center}.todo-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:2rem;width:100%}.todo-container h2{color:#333;font-size:2rem;margin-bottom:1rem;text-align:center}.todo-stats{color:#666;font-weight:500;margin-bottom:2rem;text-align:center}.todo-input-section{display:flex;gap:1rem;margin-bottom:2rem}.todo-input{border:2px solid #e1e1e1;border-radius:10px;flex:1 1;font-size:1rem;outline:none;padding:1rem;transition:border-color .3s ease}.todo-input:focus{border-color:#667eea}.add-btn{background:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;padding:1rem 1.5rem;transition:background .3s ease}.add-btn:hover{background:#5a6fd8}.todo-list{max-height:400px;overflow-y:auto}.todo-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.todo-item:hover{background:#e9ecef;transform:translateX(5px)}.todo-item.completed{background:#d4edda;opacity:.7}.todo-checkbox{cursor:pointer;height:20px;width:20px}.todo-text{flex:1 1;font-size:1rem}.todo-item.completed .todo-text{text-decoration:line-through}.delete-btn{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .3s ease}.delete-btn:hover{background:#c82333}.empty-state{color:#666;font-style:italic;padding:2rem;text-align:center}.about-section{display:flex;justify-content:center}.about-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:800px;padding:2rem;width:100%}.about-container h2{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.about-content{grid-gap:1.5rem;display:grid;gap:1.5rem}.about-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:1.5rem}.about-card h3{color:#333;font-size:1.3rem;margin-bottom:1rem}.about-card li,.about-card p{color:#666;line-height:1.6;margin-bottom:.5rem}.about-card ol,.about-card ul{padding-left:1.5rem}.about-card strong{color:#333}@media (max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.hero h1{font-size:2rem}.features{grid-template-columns:1fr}.todo-input-section,.todo-item{flex-direction:column}.todo-item{align-items:flex-start;gap:.5rem}.main-content{padding:1rem}}
/*# sourceMappingURL=main.ab27267a.css.map*/