:root{--primary:#10b981;--primary-hover:#059669;--text-main:#1f2937;--text-light:#6b7280;--bg-main:#fff;--bg-offset:#f3f4f6;--border:#e5e7eb}body.dark{--primary:#10b981;--primary-hover:#34d399;--text-main:#f9fafb;--text-light:#9ca3af;--bg-main:#111827;--bg-offset:#1f2937;--border:#374151}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primary:#10b981;--primary-hover:#34d399;--text-main:#f9fafb;--text-light:#9ca3af;--bg-main:#111827;--bg-offset:#1f2937;--border:#374151}}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background-color:var(--bg-main);font-family:Inter,-apple-system,sans-serif;line-height:1.5;transition:background-color .3s,color .3s}.container{max-width:1000px;margin:0 auto;padding:0 2rem}.hidden{display:none!important}.navbar{border-bottom:1px solid var(--border);background-color:var(--bg-main);justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex}.logo{letter-spacing:-.5px;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:700;display:flex}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-main);cursor:pointer;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--primary)}.btn-login{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem 1rem;font-weight:500}.btn-login:hover{background:var(--bg-offset)}.theme-toggle{cursor:pointer;width:36px;height:36px;color:var(--text-main);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:background .2s;display:flex}.theme-toggle:hover{background:var(--bg-offset)}.hero{text-align:center;background:linear-gradient(180deg, var(--bg-main) 0%, var(--bg-offset) 100%);padding:6rem 0}.hero h1{letter-spacing:-1px;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.hero p{color:var(--text-light);max-width:600px;margin:0 auto 2.5rem;font-size:1.2rem}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--text-main);color:var(--bg-main);border-radius:8px;margin-top:1rem;padding:1rem 2rem;font-weight:600;text-decoration:none;display:inline-block}.section-padding{text-align:center;padding:4rem 2rem}.section-padding h2{margin-bottom:.5rem;font-size:2rem}.section-desc{color:var(--text-light);margin-bottom:2rem}.block-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.block-card{cursor:pointer;position:relative}.block-card input{opacity:0;position:absolute}.card-content{border:2px solid var(--border);background:var(--bg-main);border-radius:12px;height:100%;padding:1.5rem;transition:all .2s}.block-card:hover .card-content{border-color:#d1d5db}body.dark .block-card:hover .card-content{border-color:#4b5563}.block-card input:checked+.card-content{border-color:var(--primary);background:#10b9810d}body.dark .block-card input:checked+.card-content{background:#10b9811a}.card-content h3{color:var(--text-main);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.2rem;display:flex}.card-content p{color:var(--text-light);font-size:.95rem;line-height:1.4}#output-area{background:var(--bg-offset);border-radius:12px;margin-top:3rem;padding:2rem}