.replay-page{background:linear-gradient(#f6f9ff 0,#fff 360px);padding:clamp(32px,5vw,72px) 0 clamp(56px,7vw,104px)}.replay-page .replay-hero{max-width:760px;margin-bottom:clamp(24px,4vw,48px)}.replay-page .replay-eyebrow{color:var(--primary);letter-spacing:.08em;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:700;display:inline-flex}.replay-page h1{color:var(--navy);margin:0 0 16px;font-size:clamp(30px,3.4vw,48px);line-height:1.16}.replay-page .replay-lead{color:var(--quiet);margin:0;font-size:clamp(15px,1.3vw,17px);line-height:1.9}.replay-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;display:grid}.replay-card{border:1px solid var(--line);background:#fff;border-radius:18px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 12px 28px #122f620f}.replay-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px #122f621c}.replay-cover{aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#e8f0ff,#f8fbff);width:100%;display:block}.replay-card-body{padding:20px 22px 24px}.replay-card h2{color:var(--navy);margin:0 0 10px;font-size:20px;line-height:1.45}.replay-card p{color:var(--quiet);margin:0 0 16px;font-size:14px;line-height:1.75}.replay-meta{color:#788495;flex-wrap:wrap;gap:8px 16px;font-size:13px;display:flex}.replay-empty{color:var(--quiet);text-align:center;background:#fbfdff;border:1px dashed #cfd9e8;border-radius:18px;padding:56px 24px}.replay-detail{background:#f7faff;padding:clamp(28px,4vw,64px) 0 clamp(56px,7vw,96px)}.replay-detail-shell{max-width:960px}.replay-detail h1{color:var(--navy);margin:0 0 14px;font-size:clamp(28px,3vw,42px);line-height:1.25}.replay-detail .replay-lead{color:var(--quiet);margin:0 0 24px;font-size:15px;line-height:1.85}.replay-player-box{border:1px solid var(--line);aspect-ratio:16/9;background:#0d1b2f;border-radius:18px;overflow:hidden}.replay-player-box video,.replay-player-box iframe,.replay-player-box>div{width:100%;height:100%}.replay-placeholder{color:#dbe8ff;text-align:center;background:radial-gradient(circle at 50% 30%,#173a72,#081426 75%);flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;min-height:260px;padding:28px;display:flex}.replay-placeholder strong{font-size:18px}.replay-placeholder span{color:#9fb3d1;max-width:520px;font-size:14px;line-height:1.8}.replay-access{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.replay-access input{min-width:230px;font:inherit;letter-spacing:.08em;text-transform:uppercase;background:#fff;border:1px solid #cfd9e8;border-radius:10px;flex:1;padding:13px 16px}.replay-access button{color:#fff;font:inherit;cursor:pointer;background:var(--primary);border:0;border-radius:10px;padding:13px 24px;font-weight:700}.replay-access button:disabled{opacity:.6;cursor:wait}.replay-notice{color:#a33a2a;margin-top:14px;font-size:14px}.replay-countdown{color:#788495;margin-top:12px;font-size:13px}@media (max-width:640px){.replay-grid{grid-template-columns:1fr}.replay-access{flex-direction:column}.replay-access input{width:100%;min-width:0}}.replay-subline{color:#3c5f91;letter-spacing:.04em;align-items:center;gap:9px;margin:-2px 0 16px;font-size:14px;font-weight:700;display:flex}.replay-live-dot{background:#22b573;border-radius:999px;width:7px;height:7px;animation:2.2s ease-out infinite replay-pulse;box-shadow:0 0 #22b57373}.replay-sep{color:#aab8cb;font-weight:400}.replay-feature-card{color:#fff;isolation:isolate;background:radial-gradient(circle at 78% 18%,#4693ff52,#0000 34%),radial-gradient(circle at 8% 92%,#32d6ba29,#0000 32%),linear-gradient(118deg,#071a38 0%,#0c2c5c 50%,#0d4b91 100%);border:1px solid #98c2ff47;border-radius:24px;grid-column:1/-1;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);min-height:340px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #0c326f40,inset 0 1px #ffffff17}.replay-feature-card:before{content:"";z-index:-1;background:conic-gradient(from 210deg, transparent 0 22%, #6fb7ff2e 30%, transparent 40%, #3ee2c81a 55%, transparent 65%);animation:16s linear infinite replay-aurora;position:absolute;inset:-40%}.replay-feature-card:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff0b 50%,#0000 65%) 0 0/240% 100%;animation:7s ease-in-out infinite replay-sheen;position:absolute;inset:0}.replay-feature-card:hover{transform:translateY(-4px);box-shadow:0 30px 70px #0c326f57,inset 0 1px #ffffff1f}.replay-feature-card .replay-card-body{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,4.6vw,58px);display:flex}.replay-badge{color:#b9dcff;letter-spacing:.12em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#82beff1a;border:1px solid #a0cdff52;border-radius:999px;align-items:center;margin-bottom:14px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.replay-feature-card h2{color:#fff;letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(32px,4vw,54px)}.replay-feature-card p{color:#b9cce4;max-width:520px;margin-bottom:24px;font-size:15px}.replay-feature-card .replay-meta{color:#a9c4e5;width:100%}.replay-enter{color:#d7ebff;align-items:center;gap:7px;margin-left:auto;font-weight:700;display:inline-flex}.replay-enter svg{transition:transform .2s}.replay-feature-card:hover .replay-enter svg{transform:translate(4px)}.replay-feature-visual{justify-content:center;align-items:center;min-height:280px;display:flex;position:relative;overflow:hidden}.replay-visual-word{color:#b5daff17;letter-spacing:-.08em;-webkit-user-select:none;user-select:none;font-size:clamp(120px,15vw,220px);font-weight:800;line-height:.8;position:absolute;bottom:-8%;right:4%}.replay-orbit{border:1px solid #9fcfff3d;border-radius:50%;position:absolute;transform:rotate(-22deg)}.replay-orbit-a{width:250px;height:250px;animation:7s ease-in-out infinite replay-float}.replay-orbit-b{border-color:#61e2d026;width:340px;height:340px;animation:9s ease-in-out infinite reverse replay-float}.replay-play-orb{z-index:1;color:#fff;background:linear-gradient(145deg,#55a6ffeb,#1c5fbfe0);border:1px solid #ffffff57;border-radius:50%;justify-content:center;align-items:center;width:94px;height:94px;animation:3.4s ease-in-out infinite replay-orb-pulse;display:flex;position:relative;box-shadow:0 0 0 10px #519eff17,0 18px 40px #00183d66}@keyframes replay-pulse{0%{box-shadow:0 0 #22b57373}70%{box-shadow:0 0 0 8px #22b57300}to{box-shadow:0 0 #22b57300}}@keyframes replay-aurora{to{transform:rotate(360deg)}}@keyframes replay-sheen{0%,to{background-position:130% 0}50%{background-position:-30% 0}}@keyframes replay-float{0%,to{transform:rotate(-22deg)translate(0,0)}50%{transform:rotate(-18deg)translateY(-12px)}}@keyframes replay-orb-pulse{0%,to{box-shadow:0 0 0 10px #519eff17,0 18px 40px #00183d66}50%{box-shadow:0 0 0 18px #519eff0a,0 22px 46px #00183d7a}}@media (max-width:760px){.replay-feature-card{grid-template-columns:1fr;min-height:0}.replay-feature-card .replay-card-body{padding:28px 24px 30px}.replay-feature-visual{order:-1;min-height:190px}.replay-orbit-a{width:170px;height:170px}.replay-orbit-b{width:230px;height:230px}.replay-play-orb{width:72px;height:72px}.replay-enter{margin-left:0}}@media (prefers-reduced-motion:reduce){.replay-live-dot,.replay-feature-card:before,.replay-feature-card:after,.replay-orbit,.replay-play-orb{animation:none}}.replay-feature-card .replay-card-body{order:1}.replay-feature-visual{order:2}@media (max-width:760px){.replay-feature-visual{order:-1}}.replay-feature-card:before,.replay-feature-card:after{content:none;animation:none;display:none}.replay-project-shell{max-width:1120px}.replay-project-hero{max-width:820px;margin-bottom:clamp(28px,4vw,44px)}.replay-project-hero h1{color:var(--navy);letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(34px,4vw,54px);line-height:1.15}.replay-project-hero .replay-lead{margin-bottom:0}.project-replay-content{gap:clamp(28px,4vw,42px);display:grid}.project-access-card{background:linear-gradient(135deg,#f1f7ffe6,#fff 62%);border:1px solid #1764ed29;border-radius:18px;max-width:760px;padding:clamp(20px,3vw,28px);box-shadow:0 12px 30px #122f6212}.project-access-heading{align-items:center;gap:14px;display:flex}.project-access-icon{color:#1764ed;background:#e5f0ff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.project-access-heading h2{color:var(--navy);margin:0 0 4px;font-size:21px;line-height:1.35}.project-access-heading p{color:var(--quiet);margin:0;font-size:14px;line-height:1.6}.project-code-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:18px;display:grid}.project-code-form input{width:100%;min-width:0;color:var(--ink);font:inherit;letter-spacing:.08em;text-transform:uppercase;background:#fff;border:1px solid #cfd9e8;border-radius:10px;outline:none;padding:13px 15px;font-size:15px;transition:border-color .18s,box-shadow .18s}.project-code-form input:focus{border-color:#1764ed;box-shadow:0 0 0 3px #1764ed1f}.project-code-form button{color:#fff;min-height:48px;font:inherit;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#1764ed,#0d4aa8);border:0;border-radius:10px;padding:0 24px;font-weight:700;box-shadow:0 6px 16px #1764ed38}.project-code-form button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.project-unlocked{color:#116a49;background:#eaf8f1;border-radius:10px;align-items:center;gap:7px;margin-top:18px;padding:10px 13px;font-size:14px;font-weight:600;display:inline-flex}.project-lessons-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.project-lessons-head .replay-eyebrow{letter-spacing:.14em;margin-bottom:5px;font-size:11px}.project-lessons-head h2{color:var(--navy);margin:0;font-size:24px}.project-lessons-head>span{color:#7b8797;font-size:14px}.project-lesson-list{border:1px solid var(--line);background:#fff;border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden;box-shadow:0 10px 26px #122f620d}.project-lesson-row{border-bottom:1px solid #edf1f6;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:18px;padding:21px 24px;transition:background .18s;display:grid}.project-lesson-row:last-child{border-bottom:0}.project-lesson-row:hover{background:#f8fbff}.project-lesson-index{color:#a7b6ca;letter-spacing:.06em;font-size:12px;font-weight:700}.project-lesson-copy{min-width:0}.project-lesson-copy h3{color:var(--navy);margin:0 0 5px;font-size:17px;line-height:1.45}.project-lesson-copy p{color:#7b8797;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;line-height:1.5;overflow:hidden}.project-lesson-action{color:#145cbe;white-space:nowrap;border:1px solid #cfe0f7;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:13px;font-weight:700;transition:border-color .18s,background .18s;display:inline-flex}.project-lesson-action:hover{background:#edf5ff;border-color:#1764ed}.project-lesson-locked{color:#8b98a9;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.project-replay-note{color:#8b98a9;align-items:center;gap:6px;margin:-14px 0 0;font-size:13px;display:flex}@media (max-width:720px){.replay-project-hero h1{font-size:32px}.project-access-card{padding:18px}.project-code-form{grid-template-columns:1fr}.project-code-form button{width:100%}.project-lesson-row{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px}.project-lesson-action,.project-lesson-locked{grid-column:2;justify-self:start}.project-lesson-copy p{white-space:normal}.project-replay-note{margin-top:-10px}}.project-access-card{width:100%;max-width:none}.project-code-form{grid-template-columns:minmax(0,1fr) auto auto}.project-code-save{color:#145cbe;min-height:48px;box-shadow:none;background:#fff;border:1px solid #cfe0f7;padding:0 16px}.project-code-save:hover{background:#f2f8ff}.project-saved-note{color:#4b7a68;margin:10px 0 0;font-size:13px}@media (max-width:720px){.project-code-save{width:100%}.project-code-form{grid-template-columns:1fr}}