:root{--bg:#0d0f1c;--bg-elevated:#151833;--border:#2a2e52;--text:#f5f6fb;--text-muted:#a8acc9;--accent-purple:#8b7cff;--accent-teal:#2fe4c6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Space Grotesk,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}.navbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 48px;display:flex}.navbar-logo{height:40px}.navbar nav{gap:28px;display:flex}.navbar nav a{color:var(--text-muted);font-weight:500;transition:color .2s}.navbar nav a:hover{color:var(--accent-teal)}main{flex:1}.hero{text-align:center;padding:100px 24px 80px}.hero h1{letter-spacing:-1px;background:linear-gradient(100deg, var(--accent-purple), var(--accent-teal));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700}.hero p{max-width:560px;color:var(--text-muted);margin:0 auto;font-size:1.15rem}.proyectos{max-width:1000px;margin:0 auto;padding:40px 24px 100px}.proyectos h2{text-align:center;margin-bottom:40px;font-size:2rem}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;padding:28px;transition:transform .2s,border-color .2s}.card:hover{border-color:var(--accent-purple);transform:translateY(-4px)}.card h3{color:var(--text);margin:0 0 12px;font-size:1.3rem}.card p{color:var(--text-muted);margin:0 0 20px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:var(--accent-teal);border:1px solid var(--border);background:#8b7cff26;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.contacto{text-align:center;max-width:560px;margin:0 auto;padding:40px 24px 100px}.contacto h2{margin-bottom:12px;font-size:2rem}.contacto>p{color:var(--text-muted);margin-bottom:32px}.email-link{color:var(--accent-teal);font-weight:600}.email-link:hover{text-decoration:underline}.contact-form{text-align:left;flex-direction:column;gap:16px;display:flex}.contact-form input,.contact-form textarea{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);resize:vertical;border-radius:10px;padding:12px 16px;font-family:inherit;font-size:1rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-purple);outline:none}.contact-form button{background:linear-gradient(100deg, var(--accent-purple), var(--accent-teal));color:var(--bg);cursor:pointer;border:none;border-radius:999px;align-self:flex-start;padding:12px 28px;font-size:1rem;font-weight:700;transition:transform .2s,opacity .2s}.contact-form button:hover{opacity:.9;transform:translateY(-2px)}.footer{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);padding:24px}.footer p{margin:6px 0}.footer-links a{color:var(--text-muted);font-size:.85rem;text-decoration:underline}.footer-links a:hover{color:var(--accent-teal)}.copyright{opacity:.7;font-size:.85rem}