@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--border: #e2e8f0;--text: #1e293b;--text-dim: #94a3b8;--accent: #2563eb;--accent-dim: #2563eb18}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans SC,sans-serif;background:var(--bg);color:var(--text);height:100vh;overflow:hidden}body.portal-scrollable{overflow:auto;height:auto}#app{width:100vw;min-height:100vh}:root{--portal-bg: #f9f9f7;--portal-bg-secondary: #f2f0e9;--portal-text: #1b1b18;--portal-text-muted: #91918e;--portal-border: #e6e6e3;--portal-accent: #2563eb;--portal-accent-fg: #ffffff}.portal-animate{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.portal-visible{opacity:1;transform:translateY(0)}@keyframes portal-blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.portal-blob{animation:portal-blob 7s infinite}.portal-blob-delay-2{animation-delay:2s}.portal-blob-delay-4{animation-delay:4s}.portal-root{width:100%;min-height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--portal-bg);color:var(--portal-text)}.portal-section{padding:96px 24px}@media(min-width:768px){.portal-section{padding:160px 24px}}.portal-container{max-width:1200px;margin:0 auto}.portal-container-narrow{max-width:768px;margin:0 auto}.portal-serif{font-family:"Noto Serif SC",Georgia,serif}.portal-deco-bar{width:80px;height:4px;background:var(--portal-text);opacity:.15;border-radius:2px;margin:0 auto}.portal-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;background:#2563eb0f;border:1px solid rgba(37,99,235,.15);font-size:14px;font-weight:500;color:var(--portal-accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.portal-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:16px;background:var(--portal-accent);color:var(--portal-accent-fg);font-size:16px;font-weight:500;text-decoration:none;border:none;cursor:pointer;box-shadow:0 20px 25px -5px #2563eb40;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.portal-btn-primary:hover{box-shadow:0 30px 60px -12px #2563eb73;transform:translateY(-4px)}.portal-btn-primary:active{transform:scale(.97)}.portal-btn-primary svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.portal-btn-primary span{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.portal-btn-primary:hover svg:first-of-type{transform:rotate(360deg)}.portal-btn-primary:hover svg:last-of-type:not(:first-of-type){animation:bounce-arrow .6s ease infinite}.portal-btn-primary:hover span{transform:translate(2px)}.portal-btn-outline{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:16px;background:transparent;color:var(--portal-text);font-size:16px;font-weight:500;border:1px solid var(--portal-border);cursor:pointer;transition:all .2s;text-decoration:none}.portal-btn-outline:hover{background:var(--portal-bg-secondary)}.portal-btn-outline:active{transform:scale(.97)}.portal-btn-cta{display:inline-flex;align-items:center;gap:12px;padding:16px 48px;border-radius:9999px;background:var(--portal-accent);color:var(--portal-accent-fg);font-size:20px;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.portal-btn-cta:hover{box-shadow:0 35px 70px -15px #2563eb80;transform:translateY(-6px) scale(1.02)}.portal-btn-cta:active{transform:scale(.97)}.portal-btn-cta svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.portal-btn-cta span{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.portal-btn-cta:hover svg:first-of-type{transform:rotate(360deg)}.portal-btn-cta:hover svg:last-of-type:not(:first-of-type){animation:bounce-arrow .6s ease infinite}.portal-btn-cta:hover span{transform:translate(4px)}@keyframes bounce-arrow{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.portal-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,rgba(128,128,128,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(128,128,128,.07) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,#000 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,#000 60%,transparent 100%)}.portal-accordion-item{border:1px solid rgba(230,227,227,.5);border-radius:16px;background:#f2f0e933;overflow:hidden;transition:background .2s}.portal-accordion-item:hover{background:#f2f0e966}.portal-accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px;background:none;border:none;cursor:pointer;font-size:18px;font-weight:500;color:var(--portal-text);text-align:left}.portal-accordion-trigger svg{transition:transform .3s;flex-shrink:0;margin-left:16px}.portal-accordion-trigger.open svg{transform:rotate(180deg)}.portal-accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.portal-accordion-content.open{grid-template-rows:1fr}.portal-accordion-content>div{overflow:hidden}.portal-accordion-body{padding:0 24px 24px;color:var(--portal-text-muted);line-height:1.8;font-weight:300}.portal-feature-item{width:100%;text-align:left;padding:20px;border-radius:16px;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.portal-feature-item.active{background:var(--portal-bg-secondary);border-color:var(--portal-border);box-shadow:0 1px 2px #0000000d}.portal-feature-item:not(.active):hover{background:#f2f0e966}.portal-feature-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--portal-accent);opacity:.4;transition:width 75ms linear}@media(max-width:767px){.portal-hide-mobile{display:none!important}}@media(min-width:768px){.portal-show-mobile{display:none!important}}