/* Homepage · an open, quiet entry to the trading and learning workspace. */
.home-story { max-width: 1240px; margin: 0 auto; color: var(--desk-text); }
.home-hero { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(280px,.8fr); gap: clamp(32px,5vw,80px); align-items: center; padding: 48px 0 64px; }
.home-eyebrow { color: var(--desk-muted); font: 500 11px/1.6 var(--desk-ui); letter-spacing: .14em; }
.home-hero h1 { margin: 24px 0 0; font-size: clamp(30px,3.5vw,52px); line-height: 1.4; letter-spacing: -.045em; }
.home-hero h1 span { color: var(--desk-signal); }
.home-lead { margin: 22px 0 0; font-size: 15px; line-height: 1.95; }
.home-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 30px; }
.home-action-primary { display: inline-flex; align-items: center; gap: 26px; min-height: 46px; padding: 10px 20px; border-radius: 7px; background: var(--pa-action-bg); color: var(--pa-on-solid) !important; font-size: 14px; font-weight: 550; transition: background .18s ease; }
.home-action-primary:hover { background: var(--pa-action-hover); }
/* Community CTA: one vivid accent against the quiet homepage. */
.home-action-discord,
.home-action-discord:hover {
 position: relative;
 isolation: isolate;
 overflow: hidden;
 gap: 12px;
 min-height: 60px;
 padding: 12px 22px;
 border: 1px solid color-mix(in srgb, var(--pa-discord-ink) 30%, transparent);
 border-radius: 10px;
 background: linear-gradient(115deg, var(--pa-discord-indigo), var(--pa-discord-violet) 48%, var(--pa-discord-teal));
 background-size: 180% 100%;
 background-position: 35% 50%;
 color: var(--pa-discord-ink) !important;
 font-size: 19px;
 line-height: 1.5;
 font-weight: 650;
 white-space: nowrap;
 cursor: pointer;
 box-shadow: -6px 5px 22px color-mix(in srgb, var(--pa-discord-violet) 24%, transparent), 8px 5px 22px color-mix(in srgb, var(--pa-discord-teal) 22%, transparent), inset 0 1px 0 color-mix(in srgb, var(--pa-discord-ink) 20%, transparent);
 transition: transform .2s ease, background-position .6s ease, box-shadow .2s ease;
 animation: home-discord-arrive 4s ease-in-out 1;
}
.home-action-discord::before {
 content: "";
 position: absolute;
 z-index: -1;
 inset: -50% auto -50% 0;
 width: 45%;
 background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--pa-discord-ink) 16%, transparent), transparent);
 transform: translateX(-180%) skewX(-20deg);
 pointer-events: none;
 animation: home-discord-shimmer 1.4s ease-in-out .4s 2;
}
.home-action-discord .home-discord-label { font-size: inherit; line-height: 1.5; }
.home-action-discord .home-discord-spark { flex: 0 0 26px; width: 26px; height: 26px; }
.home-action-discord .home-discord-arrow { margin-left: 6px; font-size: 26px; line-height: 1; transition: transform .2s ease; }
@media (max-width: 380px) {
 .home-action-discord, .home-action-discord:hover { gap: 10px; padding-inline: 14px; }
}
.home-action-discord:hover,
.home-action-discord:focus-visible {
 background-position: 100% 50%;
 transform: translateY(-2px);
 box-shadow: -6px 7px 27px color-mix(in srgb, var(--pa-discord-violet) 32%, transparent), 8px 7px 27px color-mix(in srgb, var(--pa-discord-teal) 28%, transparent), inset 0 1px 0 color-mix(in srgb, var(--pa-discord-ink) 25%, transparent);
}
.home-action-discord:hover .home-discord-arrow,
.home-action-discord:focus-visible .home-discord-arrow { transform: translate(2px, -2px); }
.home-action-discord:active { transform: translateY(0) scale(.98); }
.home-story .home-action-discord:focus-visible { outline: 3px solid var(--pa-discord-indigo) !important; outline-offset: 4px; }
@keyframes home-discord-arrive {
 0%, 100% { background-position: 35% 50%; }
 50% { background-position: 100% 50%; }
}
@keyframes home-discord-shimmer {
 to { transform: translateX(360%) skewX(-20deg); }
}
@media (prefers-reduced-motion: reduce) {
 .home-action-discord, .home-action-discord::before { animation: none; }
 .home-action-discord, .home-action-discord .home-discord-arrow { transition: none; }
 .home-action-discord:hover, .home-action-discord:focus-visible, .home-action-discord:active,
 .home-action-discord:hover .home-discord-arrow, .home-action-discord:focus-visible .home-discord-arrow { transform: none; }
}
@media (forced-colors: active) {
 .home-action-discord, .home-action-discord:hover { background: ButtonFace; color: ButtonText !important; border-color: ButtonText; box-shadow: none; animation: none; }
 .home-story .home-action-discord:focus-visible { outline-color: Highlight !important; }
 .home-action-discord::before { display: none; }
}
.home-action-quiet { color: var(--desk-text-soft); font-size: 14px; padding: 10px 0; }
.home-action-quiet span { margin-left: 12px; }
.home-follow-card { min-width: 0; padding: 26px 28px 12px; background: var(--pa-surface); border: 1px solid var(--desk-line); border-radius: 12px; }
.home-follow-card .home-eyebrow { margin: 0; font-size: 10px; letter-spacing: .09em; }
.home-story .home-follow-card h2 { margin: 22px 0 12px; font-size: 26px; line-height: 1.5; letter-spacing: 0; }
.home-follow-intro { margin: 0 0 22px; color: var(--desk-muted); font-size: 13px; line-height: 1.9; }
.home-follow-links { display: grid; }
.home-follow-links a { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 18px 0; border-top: 1px solid var(--desk-line); }
.home-follow-icon { display: inline-flex; flex: 0 0 44px; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 9px; }
.home-follow-icon.is-xiaohongshu { background: #fff0f2; color: #b13a50; font-size: 11px; font-weight: 650; }
.home-follow-icon.is-bilibili { background: #edf5fb; color: #336e97; }
.home-follow-icon.is-fundednext { background: var(--desk-signal-soft); color: var(--desk-signal); font: 650 15px var(--desk-mono); }
.home-follow-icon svg { flex: 0 0 auto; }
.home-follow-copy { display: grid; min-width: 0; gap: 4px; }
.home-follow-copy strong { font-size: 14px; font-weight: 550; }
.home-follow-copy small { color: var(--desk-muted); font-size: 12px; line-height: 1.6; }
.home-follow-arrow { flex: 0 0 auto; margin-left: auto; color: var(--desk-muted); font-size: 17px; }
.home-follow-links a:hover .home-follow-copy strong, .home-follow-links a:hover .home-follow-arrow { color: var(--desk-signal); }
.home-follow-links a:hover .home-follow-copy strong { text-decoration: underline; text-underline-offset: 4px; }
.home-follow-links .home-fundednext-link { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: start; gap: 12px 14px; }
.home-fundednext-link .home-follow-arrow { padding-top: 10px; }
.home-referral-offer { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; padding: 12px; border: 1px solid var(--desk-line); border-radius: 8px; background: var(--desk-signal-soft); }
.home-referral-offer small { color: var(--desk-muted); font-size: 12px; line-height: 1.6; }
.home-referral-code-group { display: grid; gap: 2px; }
.home-referral-code { color: var(--pa-primary); font: 750 34px/1.1 var(--desk-mono); letter-spacing: .04em; white-space: nowrap; }
.home-referral-benefit { display: grid; gap: 4px; color: var(--pa-primary); font-size: 12px; font-weight: 550; }
.home-referral-benefit > span { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: baseline; }
.home-referral-benefit b { font-weight: 750; white-space: nowrap; }
.home-fundednext-description { grid-column: 1 / -1; }
.home-follow-card .home-follow-links a:focus-visible { outline: 2px solid var(--pa-primary) !important; outline-offset: 4px; border-radius: 4px; }
.home-shortcuts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--desk-line); border-bottom: 1px solid var(--desk-line); }
.home-shortcuts a { display: block; padding: 25px 28px; transition: background .18s; }
.home-shortcuts a:first-child { padding-left: 0; }
.home-shortcuts a + a { border-left: 1px solid var(--desk-line); }
.home-shortcuts a:hover { background: var(--desk-signal-soft); }
.home-shortcut-no { color: var(--desk-muted); font-size: 10px; letter-spacing: .1em; }
.home-shortcuts strong { display: flex; justify-content: space-between; margin-top: 14px; font-size: 18px; font-weight: 550; }
.home-shortcuts i { color: var(--desk-muted); font-size: 18px; font-style: normal; }
.home-shortcuts p { margin: 8px 0 0; font-size: 12px; line-height: 1.8; }
.home-learning { padding: 58px 0; }
.home-section-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 26px; }
.home-story h2 { margin: 12px 0 0; font-size: clamp(22px,2vw,28px); line-height: 1.5; }
.home-section-head > a { flex-shrink: 0; color: var(--desk-muted); font-size: 13px; padding: 8px 0; }
.home-learning-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 40px; }
.home-learning-item { display: flex; align-items: center; gap: 20px; padding: 22px 4px; border-bottom: 1px solid var(--desk-line); }
.home-learning-no { color: var(--desk-muted); font: 12px var(--desk-mono); }
.home-learning-item h3 { margin: 0; font-size: 15px; }
.home-learning-item p { margin: 5px 0 0; font-size: 12px; }
.home-learning-item i { margin-left: auto; font-style: normal; color: var(--desk-muted); }
.home-learning-item:hover h3, .home-learning-item:hover i { color: var(--desk-signal) !important; }
.home-club { display: grid; grid-template-columns: 1.1fr 1fr; gap: 50px; padding: 38px 40px; border: 1px solid var(--pa-dark-border, #e6e1d5); border-radius: 12px; background: var(--pa-dark-gold-soft, #f4f2eb); }
.home-club .home-eyebrow { color: var(--desk-brass); }
.home-club h2 { font-size: 25px; }
.home-club > div > p:not(.home-eyebrow) { margin: 16px 0; font-size: 14px; line-height: 1.9; }
.home-club-button { display: inline-flex; align-items: center; gap: 25px; padding: 10px 0; margin-top: 5px; color: var(--desk-brass) !important; font-size: 13px; }
.home-club ul { margin: 0; padding: 0; list-style: none; }
.home-club li { display: flex; gap: 20px; padding: 15px 0; }
.home-club li + li { border-top: 1px solid var(--pa-dark-border, #e4dfd2); }
.home-club li > span { color: var(--desk-brass); font: 11px/1.8 var(--desk-mono); }
.home-club li strong { font-size: 14px; font-weight: 550; }
.home-club li p { margin: 5px 0 0; font-size: 12px; }
@media (max-width: 1100px) { .home-hero { gap: 28px; } .home-hero h1 { font-size: 36px; } .home-follow-card { padding: 22px 22px 10px; } .home-club { padding: 28px; gap: 24px; } }
@media (max-width: 640px) {
 .home-hero { grid-template-columns: 1fr; padding: 22px 0 32px; gap: 30px; }
 .home-hero h1 { font-size: clamp(28px,7.5vw,38px); margin-top: 18px; }
 .home-lead { font-size: 14px; }
 .home-story .home-follow-card h2 { font-size: 22px; margin: 18px 0 12px; }
 .home-shortcuts { grid-template-columns: 1fr; }
 .home-shortcuts a, .home-shortcuts a:first-child { padding: 20px 4px; }
 .home-shortcuts a + a { border-left: 0; border-top: 1px solid var(--desk-line); }
 .home-shortcuts strong { margin-top: 8px; }
 .home-learning { padding: 36px 0; }
 .home-section-head { align-items: start; }
 .home-section-head > a { margin-top: 26px; }
 .home-story h2 { font-size: 22px; }
 .home-learning-grid { grid-template-columns: 1fr; }
 .home-club { grid-template-columns: 1fr; padding: 24px; gap: 16px; }
}