.page-wide{max-width:1100px;margin:0 auto;padding:24px}@media (max-width: 900px){.page-wide{padding:16px 16px calc(64px + var(--tabbar-h) + env(safe-area-inset-bottom,0px))}}.hero-card{position:relative;overflow:hidden;border-radius:20px;padding:2.25rem 1.25rem;text-align:center;margin-bottom:1.5rem;background:linear-gradient(160deg,#14102b,#241a4d 45%,#3d2374);box-shadow:0 12px 30px -12px #14102b80}.hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,154,60,.18),transparent 40%),radial-gradient(circle at 85% 85%,rgba(139,92,246,.25),transparent 45%);pointer-events:none}.hero-title{position:relative;margin:0 0 6px;font-size:21px;color:#fff}.hero-accent{background:linear-gradient(90deg,#ff9a3c,#ffcb8a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{position:relative;color:#ffffffb8;font-size:14px;margin:0 0 1.1rem}.hero-hook-row{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.hero-hook-pill{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(90deg,#ff9a3c,#ffb35c);color:#2a1400;font-weight:700;font-size:12.5px;padding:.5rem .9rem;border-radius:999px;white-space:nowrap;box-shadow:0 8px 18px -6px #ff9a3c8c}.hero-hook-spark{font-size:14px;line-height:1}.hero-hook-pill-ca{text-decoration:none;cursor:pointer}.hero-papers-btn{position:relative;display:inline-flex;align-items:center;gap:8px;margin-top:22px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:700;line-height:1;padding:10px 18px;border-radius:999px;text-decoration:none}.hero-papers-icon{font-size:15px;line-height:1;display:inline-flex;align-items:center}.hero-papers-btn:active{background:#ffffff29}@media (max-width: 640px){.hero-card{padding:1rem .9rem;border-radius:16px;margin-bottom:1rem}.hero-title{font-size:16px;margin-bottom:4px}.hero-sub{font-size:12px;margin-bottom:.7rem}.hero-hook-pill{font-size:10.5px;padding:.4rem .7rem;gap:4px}.hero-hook-spark{font-size:12px}.hero-papers-btn{margin-top:12px;font-size:11.5px;padding:8px 14px}.hero-papers-icon{font-size:13px}}.section-label{font-size:14px;font-weight:600;margin:0 0 10px}.subject-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:1.5rem}.subject-card{display:block;background:linear-gradient(160deg,#1a1438,#241a4d);border-radius:14px;padding:1.25rem;text-decoration:none;color:#fff;position:relative;overflow:hidden;transition:transform .12s ease}.subject-card-live{border:1px solid #ff9a3c}.subject-card-live:active{transform:scale(.98)}.subject-card-live.has-pill{border-color:#3fd88a;box-shadow:0 0 0 1px #3fd88a40,0 0 8px #3fd88a2e;overflow:visible}.subject-card-soon{background:linear-gradient(160deg,#1a1438,#241a4d);border:1px solid rgba(255,255,255,.08);color:#fff;opacity:.55}.subject-card-soon .subject-native{color:#fff}.subject-card-soon .subject-english{color:#fff9}.subject-card-soon .subject-icon-muted{background:#ffffff14}.subject-card-soon .subject-icon-muted i,.subject-card-soon .subject-count-muted{color:#ffffff80}.avail-pill{position:absolute;top:-8px;right:-8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#2fb35c,#4dd67e);color:#06280f;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.avail-pill i{font-size:13px;font-weight:700}.avail-pill[hidden]{display:none}.subject-card-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:0}.subject-icon{flex-shrink:0;width:32px;height:32px;border-radius:9px;background:#ff9a3c26;display:flex;align-items:center;justify-content:center}.subject-icon i{font-size:16px;color:#ff9a3c}.subject-icon-muted{background:var(--bg)}.subject-icon-muted i{color:var(--muted)}.subject-native{flex:1;min-width:0;font-weight:700;font-size:15px;line-height:1.25}.subject-card-live .subject-native{color:#fff}.subject-card-live .subject-english{color:#ffffffa6}.subject-english{font-size:13px;line-height:1.3;color:var(--muted);margin:0 0 10px;padding-left:42px}.subject-count{display:block;font-size:12px;font-weight:600;color:#ffcb8a;padding-left:42px}.subject-count-muted{display:block;font-size:12px;font-weight:600;color:var(--muted);padding-left:42px}@media (max-width: 720px){.subject-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.subject-card{border-radius:16px;padding:.9rem}.avail-pill{top:-6px;right:-6px;width:18px;height:18px}.avail-pill i{font-size:11px}.subject-card-header{gap:8px;margin-bottom:0}.subject-icon{width:26px;height:26px;border-radius:8px}.subject-icon i{font-size:13px}.subject-native{font-size:13px;line-height:1.3}.subject-english{font-size:11px;line-height:1.3;margin:0 0 8px;padding-left:34px}.subject-count,.subject-count-muted{font-size:11px;padding-left:34px}}.login-banner{position:relative;overflow:hidden;background:linear-gradient(160deg,#1a1438,#241a4d);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.login-banner-text{font-size:13px;color:#ffffffb8}.login-banner-btn{font-size:13px;font-weight:700;padding:8px 18px;border:none;border-radius:999px;text-decoration:none;background:linear-gradient(90deg,#ff9a3c,#ffb35c);color:#2a1400;white-space:nowrap;box-shadow:0 8px 18px -6px #ff9a3c73}@media (max-width: 900px){.login-banner{display:none!important}body.is-logged-in #hero-card{display:none}}