:root{--bg: #ffffff;--text: #111827;--card: #f3f4f6;--accent: #2563eb}.dark{--bg: #0b1220;--text: #e6eef8;--card: #0f1724;--accent: #60a5fa}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;transition:background-color .25s ease,color .25s ease;padding:2rem}.app{max-width:720px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;background:var(--card);padding:.5rem 1rem;border-radius:8px;box-shadow:0 1px 2px #0000000a}.site-name{font-weight:700}.topbar-controls{display:flex;gap:.5rem;align-items:center}.theme-btn{background:transparent;border:1px solid rgba(0,0,0,.08);padding:.35rem .6rem;border-radius:8px;cursor:pointer;font-size:1.25rem;transition:transform .12s ease,background-color .12s ease,border-color .12s ease}.theme-btn:hover{transform:translateY(-2px)}.theme-btn.auto{border-color:var(--accent);background:linear-gradient(90deg,rgba(96,165,250,.08),transparent)}.theme-btn.light{border-color:#0000001f}.theme-btn.dark{border-color:#ffffff1f}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;text-decoration:none;border:1px solid rgba(0,0,0,.08);background:transparent;font-size:1rem;margin-left:.5rem;transition:transform .12s ease,background-color .12s ease,border-color .12s ease}.social-btn:hover{transform:translateY(-2px)}.social-btn.insta,.dark .social-btn.insta{color:var(--accent)}.social-btn.wa{color:#25d366}.social-icon{width:18px;height:18px;display:block}.social-btn.insta .social-icon,.social-btn.wa .social-icon{width:18px;height:18px}.social-btn:focus{outline:2px solid rgba(37,211,102,.18);outline-offset:2px}.services{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.card{background:var(--card);padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000000f}.card h3{margin:0 0 .5rem}.dark .theme-btn,.dark .auto-btn{border-color:#ffffff14}.theme-btn{font-size:1.25rem}.mode-text{margin-top:.5rem;text-align:center;color:var(--text);opacity:.85;font-weight:600}