*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-text:#1a1a2e;--color-text-muted:#5a6577;--color-primary:#3d4f63;--color-primary-hover:#2e3d4e;--color-surface:#f4f6f8;--color-border:#dce1e8;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--color-bg:#1a1a2e;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-primary:#b8bfc8;--color-primary-hover:#8a929b;--color-surface:#232340;--color-border:#334155}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6}.nav{background:color-mix(in srgb, var(--color-bg) 95%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:100;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:64px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--color-primary);align-items:center;gap:6px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.nav-logo-icon{width:auto;height:24px;position:relative;top:1px}.nav-links{align-items:center;gap:32px;list-style:none;display:flex}.nav-links li{align-items:center;display:flex}.nav-links a{color:var(--color-text-muted);font-size:.95rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--color-primary)}.nav-auth{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.95rem;transition:color .2s}.nav-auth:hover{color:var(--color-primary)}.nav-avatar{cursor:pointer;object-fit:cover;border-radius:50%;width:32px;height:32px;transition:opacity .2s;display:block}.nav-avatar:hover{opacity:.7}section{max-width:1100px;margin:0 auto;padding:80px 24px}.hero{text-align:center;padding-top:120px;padding-bottom:120px}.hero h1{max-width:700px;margin:0 auto 24px;font-size:3rem;font-weight:700;line-height:1.15}.hero p{color:var(--color-text-muted);max-width:540px;margin:0 auto 40px;font-size:1.2rem}.btn{background:var(--color-primary);color:#fff;border-radius:8px;padding:14px 32px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.btn:hover{background:var(--color-primary-hover)}.services{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);max-width:none;padding:80px 24px}.services h2{text-align:center;margin-bottom:48px;font-size:2rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1100px;margin:0 auto;display:grid}.service-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:32px}.service-card h3{margin-bottom:12px;font-size:1.25rem}.service-card p{color:var(--color-text-muted)}.about{text-align:center}.about h2{margin-bottom:24px;font-size:2rem}.about p{color:var(--color-text-muted);max-width:640px;margin:0 auto;font-size:1.1rem}.contact{text-align:center;background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);max-width:none;padding:80px 24px}.contact h2{margin-bottom:16px;font-size:2rem}.contact p{color:var(--color-text-muted);margin-bottom:32px}.footer{text-align:center;color:var(--color-text-muted);padding:32px 24px;font-size:.9rem}.profile{text-align:center;padding-top:120px;padding-bottom:120px}.profile-avatar{object-fit:cover;border-radius:50%;width:96px;height:96px;margin-bottom:24px}.profile h2{margin-bottom:4px;font-size:1.5rem}.profile-email{color:var(--color-text-muted);margin-bottom:32px}.profile-signout{cursor:pointer;border:none;padding:10px 24px;font-size:.9rem}.profile-setting{color:var(--color-text-muted);justify-content:center;align-items:center;gap:12px;margin-bottom:32px;font-size:.95rem;display:flex}.toggle{background:var(--color-border);cursor:pointer;border:none;border-radius:12px;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.toggle[aria-checked=true]{background:var(--color-primary)}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle[aria-checked=true]:after{transform:translate(20px)}@media (width<=640px){.hero h1{font-size:2rem}.hero{padding-top:80px;padding-bottom:80px}.nav-links{gap:20px}}