*{box-sizing:border-box;margin:0;padding:0}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.2}a{font-weight:500;text-decoration:none;color:inherit;transition:color .2s ease}a:hover{color:#646cff}button{font-family:inherit}input[type=checkbox]{cursor:pointer}.app-container{min-height:100vh;padding:2rem;max-width:1200px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;border-bottom:2px solid #646cff}.header h1{font-size:2.5rem;margin:0;background:linear-gradient(135deg,#646cff,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-btn{padding:.75rem 1.25rem;border-radius:8px;border:2px solid #646cff;background:#1a1a1a;color:#fff;cursor:pointer;font-weight:600;transition:all .3s ease}.theme-btn:hover{background:#646cff;color:#fff}.hero{text-align:center;padding:3rem 2rem;border-radius:16px;background:linear-gradient(135deg,#646cff1a,#2196f31a);margin-bottom:3rem}.hero h2{font-size:2rem;margin-bottom:.5rem}.hero p{font-size:1.1rem;opacity:.8;margin-bottom:2rem}.counter-card{background:#1a1a1a;padding:2rem;border-radius:12px;display:inline-block;border:2px solid #646cff}.counter-card p{font-size:1.5rem;margin-bottom:1.5rem}.counter-card button{margin:0 .5rem;padding:.75rem 1.5rem;font-size:1rem;border-radius:8px;border:none;background:#646cff;color:#fff;cursor:pointer;font-weight:600;transition:all .3s ease}.counter-card button:hover{background:#2196f3;transform:translateY(-2px)}.section{margin-bottom:3rem}.section h3{font-size:1.5rem;margin-bottom:1.5rem;color:#646cff;display:flex;align-items:center;gap:.5rem}.section h3:before{content:"";width:6px;height:24px;background:#646cff;border-radius:3px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.project-card{background:#1a1a1a;padding:1.5rem;border-radius:12px;border:1px solid #333;transition:all .3s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#646cff,#2196f3)}.project-card:hover{transform:translateY(-4px);border-color:#646cff;box-shadow:0 8px 30px #646cff33}.project-card h4{font-size:1.25rem;margin:0 0 .75rem}.project-card p{font-size:.95rem;opacity:.8;margin-bottom:1rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{padding:.25rem .75rem;background:#2d2d2d;border-radius:20px;font-size:.75rem;color:#646cff;border:1px solid #444}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.task-list{background:#1a1a1a;padding:1.5rem;border-radius:12px;border:1px solid #333}.task-item{padding:.75rem 0;border-bottom:1px solid #333}.task-item:last-child{border-bottom:none}.task-item label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:1rem}.task-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#646cff}.task-item .done{text-decoration:line-through;opacity:.5}.footer{text-align:center;padding:2rem 0;border-top:1px solid #333;margin-top:3rem;opacity:.7}.footer a{color:#646cff;text-decoration:none}.footer a:hover{text-decoration:underline}body.light .app-container{background:#f5f5f5}body.light .header{border-bottom-color:#333}body.light .header h1{background:linear-gradient(135deg,#2196f3,#1565c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.light .theme-btn{background:#fff;color:#2196f3;border-color:#2196f3}body.light .hero{background:linear-gradient(135deg,#2196f31a,#1565c01a)}body.light .hero p{color:#555}body.light .hero h2{color:#222}body.light .counter-card{background:#fff;border-color:#2196f3;color:#222}body.light .counter-card p{color:#222}body.light .project-card{background:#fff;color:#222;border-color:#ddd}body.light .project-card p{color:#666}body.light .tag{background:#e3f2fd;border-color:#90caf9}body.light .section h3{color:#2196f3}body.light .section h3:before{background:#2196f3}body.light .task-list{background:#fff;color:#222;border-color:#ddd}body.light .task-item .done{color:#999}body.light .footer{color:#666;border-top-color:#ddd}body.light .footer a{color:#2196f3}