:root{--primary: #1a1a2e;--accent: #e94560;--bg: #f7f7fb;--text: #22223b;--muted: #6b6b83}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.app{display:flex;flex-direction:column;min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--primary);color:#fff}.brand{font-size:1.4rem;font-weight:700;color:#fff;text-decoration:none}.brand span{color:var(--accent)}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:#d5d5e3;text-decoration:none;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.content{flex:1;max-width:900px;width:100%;margin:0 auto;padding:2.5rem 1.5rem}.page h1{margin-top:0;color:var(--primary)}.hero .tagline{font-size:1.25rem;color:var(--accent);font-weight:600}.hero .lead{color:var(--muted);max-width:600px}.socials{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #e0e0ea}.socials-title{font-weight:600;display:block;margin-bottom:.75rem}.socials ul{list-style:none;padding:0;margin:0;display:flex;gap:1rem;flex-wrap:wrap}.socials a{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e0e0ea;border-radius:8px;text-decoration:none;color:var(--text);transition:transform .15s,border-color .15s}.socials a:hover{transform:translateY(-2px);border-color:var(--accent)}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-size:.85rem}.footer{padding:1.25rem 2rem;text-align:center;background:var(--primary);color:#d5d5e3;font-size:.9rem}
