.portal-page .portal-hero{padding:78px 0 68px;background:radial-gradient(circle at 82% 18%,rgba(212,175,55,.16),transparent 30%),linear-gradient(135deg,#fff 0%,#eef5ff 100%);position:relative;overflow:hidden}.portal-page .portal-hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(212,175,55,.18);border-radius:50%;left:-190px;bottom:-260px}.portal-page .portal-hero .container{position:relative;z-index:1}.portal-page .hero-grid{align-items:center}.portal-page .hero-copy{padding-left:20px}.portal-page .hero-kicker{display:inline-flex;padding:8px 15px;border-radius:30px;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.25);color:#856313;font-size:12px;font-weight:800}.portal-page .portal-hero h1{font-size:clamp(31px,4vw,48px);line-height:1.65;max-width:720px;margin:18px 0 14px;color:var(--primary)}.portal-page .portal-hero p{max-width:650px;margin:0;color:#607287;font-size:16px;line-height:2.25}.portal-page .hero-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.portal-page .hero-point{padding:7px 12px;border-radius:30px;background:#fff;border:1px solid var(--border);color:#51657b;font-size:12px}.portal-page .hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}.portal-page .hero-art .circle{width:340px;height:340px}.portal-page .section{padding:72px 0}.portal-page .section-alt{background:#f7f9fc}.portal-page .section-head{max-width:760px;margin:0 auto 30px;text-align:center}.portal-page .section-head h2{margin:0 0 9px;font-size:29px}.portal-page .section-head p{margin:0;color:#6c7c8f;font-size:14px;line-height:2}.portal-page .quick-grid{grid-template-columns:repeat(4,1fr)}.portal-page .quick-card{position:relative;display:block;padding:22px;border:1px solid var(--border);border-radius:21px;background:#fff;box-shadow:var(--shadow);transition:.25s}.portal-page .quick-card:hover,.portal-page .service-card:hover,.portal-page .audience-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(18,52,91,.12);border-color:rgba(212,175,55,.45)}.portal-page .quick-no{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;background:rgba(212,175,55,.12);color:#8a6700;font-size:12px;font-weight:800;margin-bottom:15px}.portal-page .quick-card h3,.portal-page .service-card h3{margin:0 0 7px;color:var(--primary);font-size:16px}.portal-page .quick-card p,.portal-page .service-card p{margin:0;color:#68798c;font-size:13px;line-height:2}.portal-page .quick-link{display:inline-block;margin-top:13px;color:#3567e8;font-size:12px;font-weight:800}.portal-page .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portal-page .service-card{display:block;padding:25px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:var(--shadow);transition:.25s}.portal-page .service-tag{display:inline-block;margin-bottom:15px;padding:5px 10px;border-radius:20px;background:#f5f1e7;color:#9a742f;font-size:11px;font-weight:800}.portal-page .method-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}.portal-page .method-main{padding:34px;border-radius:26px;background:linear-gradient(145deg,#18202b,#263140);color:#fff}.portal-page .method-main h2{margin:0 0 12px;color:#fff;text-align:right;font-size:27px}.portal-page .method-main p{margin:0;color:#d6dbe2;line-height:2.1;font-size:14px}.portal-page .method-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.portal-page .method-step{padding:23px;border-radius:20px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.portal-page .step-no{display:flex;width:37px;height:37px;align-items:center;justify-content:center;border-radius:50%;background:rgba(212,175,55,.14);color:#8a6700;font-size:12px;font-weight:800;margin-bottom:11px}.portal-page .method-step strong{display:block;color:var(--primary);font-size:14px;margin-bottom:6px}.portal-page .method-step span{display:block;color:#6b7b8e;font-size:12px;line-height:1.9}.portal-page .network-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.portal-page .network-card{padding:23px;border-radius:20px;background:#fff;border:1px solid var(--border);text-align:center;box-shadow:var(--shadow)}.portal-page .network-icon{width:52px;height:52px;margin:0 auto 13px;border-radius:16px;display:grid;place-items:center;background:#f5f1e7;color:#a67c32;font-weight:800}.portal-page .network-card h3{margin:0 0 6px;color:var(--primary);font-size:15px}.portal-page .network-card p{margin:0;color:#6b7b8e;font-size:12px;line-height:1.9}.portal-page .network-action{margin-top:22px;text-align:center}.portal-page .platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.portal-page .platform-card{display:block;padding:25px;border-radius:22px;background:linear-gradient(145deg,#fff,#f4f7fb);border:1px solid var(--border)}.portal-page .platform-card h3{margin:0 0 7px;color:var(--primary);font-size:17px}.portal-page .platform-card p{margin:0;color:#68798c;font-size:13px;line-height:2}.portal-page .platform-card .quick-link{margin-top:14px}.portal-page .about-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.portal-page .about-card{padding:32px;border-radius:25px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.portal-page .about-card h2{margin:0 0 12px;text-align:right;font-size:26px}.portal-page .about-card p{margin:0;color:#68798c;line-height:2.15;font-size:14px}.portal-page .about-points{display:grid;gap:10px;margin-top:20px}.portal-page .about-point{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:15px;background:#f7f9fc;color:#52667b;font-size:13px}.portal-page .about-point b{color:#9a742f}.portal-page .cta{margin:0 auto 72px;max-width:1120px;border-radius:28px;padding:54px 28px;background:linear-gradient(135deg,#f5f1e7,#fff);text-align:center}.portal-page .cta h2{margin:0 0 10px;font-size:29px}.portal-page .cta p{margin:0 auto 22px;max-width:700px;color:#68798c;line-height:2}.portal-page .btn{display:inline-flex;align-items:center;justify-content:center}.portal-page .btn.primary{padding:13px 27px;border-radius:13px}.portal-page .btn.gold{padding:13px 29px;border-radius:13px}@media(max-width:950px){.portal-page .quick-grid{grid-template-columns:repeat(2,1fr)}.portal-page .network-grid{grid-template-columns:repeat(2,1fr)}.portal-page .method-wrap,.portal-page .about-wrap{grid-template-columns:1fr}.portal-page .service-grid{grid-template-columns:repeat(2,1fr)}.portal-page .platform-grid{grid-template-columns:1fr 1fr}.portal-page .hero-art .circle{width:290px;height:290px}}@media(max-width:700px){.portal-page .portal-hero{padding:50px 0 46px}.portal-page .hero-copy{padding-left:0}.portal-page .hero-grid{grid-template-columns:1fr}.portal-page .hero-art{display:none}.portal-page .portal-hero h1{font-size:28px}.portal-page .portal-hero p{font-size:14px}.portal-page .section{padding:52px 0}.portal-page .section-head h2{font-size:25px}.portal-page .service-grid,.portal-page .platform-grid,.portal-page .quick-grid,.portal-page .network-grid{grid-template-columns:1fr}.portal-page .method-grid{grid-template-columns:1fr}.portal-page .about-card,.portal-page .method-main{padding:24px}.portal-page .cta{margin-bottom:52px;padding:40px 20px}}.portal-page{--portal-ink:#172b46;--portal-blue:#2f5f9f;--portal-gold:#b88a2e;--portal-gold-soft:rgba(184,138,46,.12);--portal-line:rgba(23,43,70,.10);--portal-surface:#fff;--portal-surface-soft:#f6f8fb}.portal-page .portal-hero{background:radial-gradient(circle at 82% 18%,rgba(184,138,46,.10),transparent 27%),linear-gradient(135deg,#fff 0%,#f2f6fb 100%)}.portal-page .hero-kicker,.portal-page .quick-no,.portal-page .step-no{background:var(--portal-gold-soft);border-color:rgba(184,138,46,.18);color:var(--portal-gold)}.portal-page .hero-point{border-color:var(--portal-line);background:rgba(255,255,255,.82)}.portal-page .quick-card,.portal-page .service-card,.portal-page .method-step,.portal-page .network-card,.portal-page .platform-card,.portal-page .about-card{position:relative;border:1px solid var(--portal-line);box-shadow:0 8px 28px rgba(23,43,70,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:hidden}.portal-page .quick-card::before,.portal-page .service-card::before,.portal-page .method-step::before,.portal-page .network-card::before,.portal-page .platform-card::before,.portal-page .about-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,rgba(184,138,46,.55),transparent);opacity:.7}.portal-page .quick-card:hover,.portal-page .service-card:hover,.portal-page .method-step:hover,.portal-page .network-card:hover,.portal-page .platform-card:hover,.portal-page .about-card:hover{transform:translateY(-6px);border-color:rgba(184,138,46,.28);box-shadow:0 18px 44px rgba(23,43,70,.11)}.portal-page .quick-card:hover::before,.portal-page .service-card:hover::before,.portal-page .method-step:hover::before,.portal-page .network-card:hover::before,.portal-page .platform-card:hover::before,.portal-page .about-card:hover::before{opacity:1}.portal-page .service-tag,.portal-page .network-icon{background:#f7f2e8;color:#9a7028}.portal-page .quick-link{color:var(--portal-blue)}.portal-page .method-main{background:linear-gradient(145deg,#17283e,#243a55);box-shadow:0 18px 42px rgba(23,43,70,.13)}.portal-page .section-alt{background:#f5f7fa}.portal-page .platform-card{background:linear-gradient(145deg,#fff,#f7f9fc)}.portal-page .cta{background:radial-gradient(circle at 15% 25%,rgba(184,138,46,.10),transparent 28%),linear-gradient(135deg,#f7f3ea,#fff);border:1px solid rgba(184,138,46,.13);box-shadow:0 14px 38px rgba(23,43,70,.06)}@media(prefers-reduced-motion:reduce){.portal-page .quick-card,.portal-page .service-card,.portal-page .method-step,.portal-page .network-card,.portal-page .platform-card,.portal-page .about-card{transition:none}}.portal-page .cta{position:relative;overflow:hidden;padding:58px 34px 52px;background:linear-gradient(135deg,#eef3f8 0%,#f7f9fb 52%,#f3eee3 100%);border:1px solid rgba(23,43,70,.10);box-shadow:0 18px 46px rgba(23,43,70,.08)}.portal-page .cta:before{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(184,138,46,.14);border-radius:50%;left:-130px;top:-185px}.portal-page .cta:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(47,95,159,.08);border-radius:50%;right:-95px;bottom:-145px}.portal-page .cta>*{position:relative;z-index:1}.portal-page .cta h2{font-size:clamp(25px,3vw,34px);line-height:1.7;color:#172b46;margin:0 0 12px;font-weight:800}.portal-page .cta p{max-width:720px;color:#5e6f82;font-size:14px;line-height:2.1;margin:0 auto 25px}.portal-page .cta .btn.primary{background:#1d3f67;color:#fff;border:1px solid #1d3f67;box-shadow:0 10px 24px rgba(29,63,103,.18);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.portal-page .cta .btn.primary:hover{background:#244f7f;transform:translateY(-2px);box-shadow:0 14px 28px rgba(29,63,103,.22)}.portal-page .cta .btn.gold{background:#b88a2e;color:#fff;border:1px solid #b88a2e;box-shadow:0 10px 24px rgba(184,138,46,.18);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.portal-page .cta .btn.gold:hover{background:#9d7527;transform:translateY(-2px);box-shadow:0 14px 28px rgba(184,138,46,.22)}.portal-page .cta .hero-actions{justify-content:center;margin-top:0}.portal-page .cta .hero-actions .btn{min-width:150px}.portal-page .cta .cta-note{color:#7a8796;font-size:11px;margin-top:15px}