@layer components{.guide-page,.hv2-page,.c26-page,.w8r-page,.wcc-page{--purple-deep: #3d1aaf;--purple: #4f25c8;--purple-mid: #6b43e0;--purple-bright: #8b6fe5;--lavender: #b9a7e8;--lavender-soft: #d5c9f0;--lavender-pale: #eee8fb;--lime: #c9ff3d;--lime-deep: #a8e020;--carrot: #ff7a2f;--terracotta: #e0612f;--peach: #ffc9a3;--coral: #ff6b5e;--bg: #f2f1f6;--bg-soft: #fbfaf8;--bg-lavender: #eeeafb;--ink: #18103c;--ink-soft: #2e2553;--gray: #6b6580;--gray-soft: #9a93ad;--grad-purple: linear-gradient(135deg, #6b43e0 0%, #4f25c8 60%, #3d1aaf 100%);--grad-lavender: linear-gradient(135deg, #eeeafb, #e2dbf6);--grad-lime: linear-gradient(135deg, #d4ff50, #a8e020);--pill: 999px;--radius-lg: 28px;--radius-md: 18px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--fs-xxs: 11px;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 30px;--fs-3xl: 40px;--fs-4xl: 56px;--fs-5xl: 64px;--lh-tight: 1.04;--lh-snug: 1.25;--lh-normal: 1.45;--lh-relaxed: 1.55}}@layer components{.g-hero-portrait{position:relative;overflow:hidden}.g-hero-portrait .hero-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center;padding-top:48px;padding-bottom:64px}@media (min-width: 960px){.g-hero-portrait .hero-grid{grid-template-columns:1.02fr .98fr}}.g-hero-portrait h1{font-size:clamp(34px,5vw,60px);font-weight:800;letter-spacing:-.035em;line-height:1.05}.g-hero-portrait h1 i{color:var(--lime)}.g-hero-portrait p.lead{font-size:18px;color:#e2d8fa;margin:22px 0 30px;max-width:540px;line-height:1.6}.g-hero-portrait .hero-cta{display:flex;flex-wrap:wrap;gap:12px}.g-hero-portrait .hero-art{position:relative;aspect-ratio:1 / 1;max-width:500px;margin:0 auto;width:100%}.g-hero-portrait .art-glow{position:absolute;border-radius:50%;filter:blur(32px)}.g-hero-portrait .art-glow.g1{width:60%;height:60%;top:4%;right:2%;background:#c9ff3d47}.g-hero-portrait .art-glow.g2{width:56%;height:56%;bottom:0;left:0;background:#8b6fe58c}.g-hero-portrait .art-photo{position:absolute;left:18%;top:7%;width:62%;height:83%;border-radius:26px;overflow:hidden;box-shadow:0 30px 62px #14083c80;transform:rotate(-3deg);z-index:3;background:var(--lavender-soft)}.g-hero-portrait .art-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:42% 10%;object-position:42% 10%;display:block}.g-hero-portrait .art-salary{position:absolute;right:-1%;top:3%;width:39%;background:var(--lime);border-radius:20px;padding:15px 16px 13px;box-shadow:0 22px 44px #a8e02066;transform:rotate(7deg);z-index:4}.g-hero-portrait .as-chart{display:flex;align-items:flex-end;gap:7px;height:46px;margin-bottom:9px}.g-hero-portrait .as-chart span{flex:1;border-radius:5px 5px 0 0;background:var(--ink);opacity:.85}.g-hero-portrait .as-up{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--ink)}.g-hero-portrait .as-up svg{width:15px;height:15px}.g-hero-portrait .art-offer{position:absolute;left:-3%;top:13%;display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:8px 16px 8px 8px;font-size:13px;font-weight:800;color:var(--ink);box-shadow:0 16px 34px #14083c52;transform:rotate(-8deg);z-index:5}.g-hero-portrait .art-offer .oc{width:24px;height:24px;border-radius:50%;background:var(--grad-lime);display:flex;align-items:center;justify-content:center;color:var(--ink);flex:none}.g-hero-portrait .art-offer .oc svg{width:13px;height:13px}.g-hero-portrait .art-coin{position:absolute;left:2%;bottom:5%;width:72px;height:72px;border-radius:50%;background:var(--grad-lime);display:flex;align-items:center;justify-content:center;font-size:33px;font-weight:800;color:var(--ink);box-shadow:0 20px 40px #a8e02073;transform:rotate(-6deg);z-index:5}.g-hero-portrait .art-x2{position:absolute;right:1%;bottom:13%;width:64px;height:64px;border-radius:20px;background:var(--purple);display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:800;color:#fff;letter-spacing:-.03em;box-shadow:0 20px 40px #4f25c880;transform:rotate(8deg);z-index:5;border:2px solid rgba(255,255,255,.25)}.g-hero-portrait .art-dot{position:absolute;border-radius:50%;z-index:2}.g-hero-portrait .art-dot.d1{width:12px;height:12px;background:var(--lime);top:1%;left:24%}.g-hero-portrait .art-dot.d2{width:8px;height:8px;background:#fff;top:50%;right:3%;opacity:.7}.g-hero-portrait .art-dot.d3{width:10px;height:10px;background:var(--lavender);bottom:30%;left:6%}@media (max-width: 640px){.g-hero-portrait .hero-grid{gap:30px;padding-top:34px;padding-bottom:44px}.g-hero-portrait h1{font-size:32px}.g-hero-portrait .hero-cta .btn{flex:1 1 100%;justify-content:center}.g-hero-portrait .hero-art{max-width:340px}.g-hero-portrait .art-coin{width:60px;height:60px;font-size:28px}.g-hero-portrait .art-x2{width:54px;height:54px;font-size:22px;border-radius:17px}}}