:root{--brand-primary:#4f46e5;--brand-bg:#faf9f7;--brand-text:#1e293b;--brand-muted:#64748b;--brand-card-bg:#ffffff;--brand-card-border:#e8e5e0;--brand-alt-bg:#f1efe9;--brand-highlight:#ec4899;--primary-color:var(--brand-primary);--text-color:var(--brand-text);--text-muted:var(--brand-muted);--card-bg:var(--brand-card-bg);--card-border:var(--brand-card-border);--bg-color:var(--brand-bg);--nav-bg:rgba(250, 249, 247, 0.9)}:root[data-bs-theme=dark]{--brand-bg:#0f172a;--brand-text:#f8fafc;--brand-muted:#94a3b8;--brand-card-bg:#1e293b;--brand-card-border:#334155;--brand-alt-bg:#1a2332;--brand-highlight:#f472b6;--nav-bg:rgba(15, 23, 42, 0.9)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--brand-bg);color:var(--brand-text);line-height:1.7;-webkit-font-smoothing:antialiased}.portal-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border)}.nav-inner{max-width:1100px;margin:0 auto;padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-color)}.nav-brand-logo{width:28px;height:28px;border-radius:6px}.nav-brand-text{font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.nav-right{display:flex;align-items:center;gap:.75rem}.nav-links{display:flex;align-items:center;gap:1.25rem}.nav-link-item{font-size:.875rem;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .2s}.nav-link-item:hover{color:var(--text-color);text-decoration:none}.nav-my-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .875rem;background:var(--primary-color);color:#fff;border-radius:2rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:opacity .2s}.nav-my-btn:hover{opacity:.85;color:#fff;text-decoration:none}.nav-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:0 0;border:1px solid var(--card-border);border-radius:8px;cursor:pointer;color:var(--text-color);flex-shrink:0}.hamburger-icon-close,.nav-drawer{display:none}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:299}@media (max-width:575px){.nav-hamburger{display:inline-flex}.nav-links{display:none}.nav-drawer{display:flex;position:fixed;top:0;right:0;bottom:0;width:72vw;max-width:280px;flex-direction:column;align-items:stretch;gap:0;background:var(--bg-color);border-left:1px solid var(--card-border);padding:5rem 1.5rem 2rem;z-index:300;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:-8px 0 32px rgba(0,0,0,.1)}.nav-drawer-close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:0 0;border:1px solid var(--card-border);border-radius:8px;cursor:pointer;color:var(--text-muted)}.nav-drawer-item{padding:.875rem 0;font-size:1rem;font-weight:600;color:var(--text-color);text-decoration:none;border-bottom:1px solid var(--card-border);transition:color .2s}.nav-drawer-item:hover{color:var(--primary-color);text-decoration:none}.nav-drawer-item:last-of-type{border-bottom:none}.nav-drawer-my-btn{display:inline-flex;align-items:center;gap:.375rem;margin-top:1.25rem;padding:.5rem 1.25rem;background:var(--primary-color);color:#fff;border-radius:2rem;font-size:.875rem;font-weight:600;text-decoration:none}body.nav-open .nav-drawer{transform:translateX(0)}body.nav-open .hamburger-icon-open{display:none}body.nav-open .hamburger-icon-close,body.nav-open .nav-overlay{display:block}}.brand-hero{max-width:720px;margin:0 auto;padding:140px 20px 80px;text-align:center}.brand-hero-sub{font-size:18px;color:var(--brand-muted);margin-bottom:8px;letter-spacing:.5px}.brand-hero-title{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:28px;letter-spacing:-1px}.brand-hero-desc{font-size:17px;color:var(--brand-muted);line-height:1.9}.brand-section{padding:80px 20px}.brand-section-alt{background:var(--brand-alt-bg)}.brand-section-inner{max-width:720px;margin:0 auto}.brand-section-title{font-size:28px;font-weight:700;margin-bottom:32px;text-align:center;letter-spacing:-.5px}.brand-story-text{font-size:17px;color:var(--brand-muted);line-height:1.9;text-align:center;margin-bottom:20px}.brand-story-highlight{font-size:20px;font-weight:600;color:var(--brand-text);text-align:center;margin:36px 0;line-height:1.7;padding:24px;border-left:3px solid var(--brand-highlight);background:var(--brand-alt-bg);border-radius:0 12px 12px 0}.brand-test-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.brand-test-card{background:var(--brand-card-bg);border:1px solid var(--brand-card-border);border-radius:16px;padding:24px 20px;text-align:center;transition:transform .2s,box-shadow .2s}.brand-test-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.08)}.brand-test-emoji{font-size:32px;display:block;margin-bottom:12px}.brand-test-name{font-size:16px;font-weight:700;margin-bottom:6px}.brand-test-desc{font-size:13px;color:var(--brand-muted);margin-bottom:16px;line-height:1.5}.brand-test-link{display:inline-block;font-size:13px;font-weight:600;color:var(--brand-primary);text-decoration:none;padding:6px 16px;border:1px solid var(--brand-primary);border-radius:20px;transition:background .2s,color .2s}.brand-test-link:hover{background:var(--brand-primary);color:#fff}.brand-cta-section{text-align:center;padding:100px 20px}.brand-cta-text{font-size:28px;font-weight:700;margin-bottom:8px}.brand-cta-sub{font-size:17px;color:var(--brand-muted);margin-bottom:32px}.brand-cta-btn{display:inline-block;padding:16px 40px;font-size:16px;font-weight:700;color:#fff;background:var(--brand-primary);border-radius:28px;text-decoration:none;transition:opacity .2s,transform .2s}.brand-cta-btn:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:600px){.brand-hero{padding:120px 20px 60px}.brand-hero-title{font-size:36px}.brand-hero-desc{font-size:15px}.brand-section-title{font-size:24px}.brand-test-list{grid-template-columns:repeat(2,1fr);gap:12px}.brand-test-card{padding:20px 14px}.brand-cta-text{font-size:24px}}