@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Inter:wght@300;400;500;600&display=swap";:root{--navy:#050d1a;--navy-mid:#0a1628;--navy-light:#0f2040;--blue:#1a4a8a;--blue-bright:#2d7dd2;--cyan:#00c8ff;--orange:#ff6a00;--orange-bright:#ff8c42;--orange-glow:#fa0;--white:#f0f4ff;--gray:#8892a4;--card-bg:#0a1628d9;--border:#2d7dd240}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--white);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background:var(--blue-bright);border-radius:3px}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#050d1aeb;justify-content:space-between;align-items:center;padding:.75rem 2.5rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar-logo{align-items:center;gap:.75rem;text-decoration:none;display:flex}.navbar-logo img{object-fit:contain;width:44px;height:44px;filter:drop-shadow(0 0 8px var(--cyan))}.navbar-brand{flex-direction:column;display:flex}.navbar-brand .brand-main{color:var(--white);letter-spacing:.05em;font-family:Orbitron,monospace;font-size:1rem;font-weight:700;line-height:1}.navbar-brand .brand-sub{color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;margin-top:2px;font-size:.65rem}.navbar-links{gap:.5rem;list-style:none;display:flex}.navbar-links a{color:var(--gray);letter-spacing:.04em;border-radius:6px;padding:.45rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.navbar-links a:hover,.navbar-links a.active{color:var(--white);background:#2d7dd226}.navbar-yt{background:var(--orange);color:var(--white);letter-spacing:.04em;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem 1.1rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.navbar-yt:hover{background:var(--orange-bright);transform:translateY(-1px)}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem 3rem;display:flex;position:relative;overflow:hidden}.hero-bg{opacity:.07;background-image:url(/bg-chalkboard.png);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-overlay{background:radial-gradient(80% 60% at 50% 40%,#1a4a8a59 0%,#0000 70%),radial-gradient(40% 40% at 80% 20%,#ff6a001a 0%,#0000 60%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:900px;position:relative}.hero-atom{object-fit:contain;filter:drop-shadow(0 0 30px #00c8ff99);width:140px;height:140px;margin-bottom:1.5rem;animation:3s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 20px #00c8ff80);transform:scale(1)}50%{filter:drop-shadow(0 0 45px #00c8ffe6)drop-shadow(0 0 60px #ff8c4266);transform:scale(1.04)}}.hero-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem;font-size:.75rem;font-weight:500}.hero-title{margin-bottom:1.25rem;font-family:Orbitron,monospace;font-size:clamp(2rem,5vw,3.8rem);font-weight:900;line-height:1.1}.hero-title span.orange{color:var(--orange-bright)}.hero-title span.cyan{color:var(--cyan)}.hero-subtitle{color:#f0f4ffa6;max-width:580px;margin:0 auto 2.5rem;font-size:1.05rem;font-weight:300;line-height:1.7}.hero-cta-group{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:4rem;display:flex}.btn-primary{background:linear-gradient(135deg, var(--orange), var(--orange-bright));color:#fff;cursor:pointer;letter-spacing:.05em;border:none;border-radius:8px;padding:.85rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s;box-shadow:0 4px 20px #ff6a0059}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #ff6a0080}.btn-secondary{color:var(--cyan);border:1.5px solid var(--cyan);cursor:pointer;letter-spacing:.05em;background:0 0;border-radius:8px;padding:.85rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .25s}.btn-secondary:hover{background:#00c8ff1a;transform:translateY(-2px)}.grade-section{z-index:2;width:100%;max-width:900px;position:relative}.section-label{letter-spacing:.25em;text-transform:uppercase;color:var(--gray);margin-bottom:1.25rem;font-size:.7rem}.grade-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.grade-card{background:var(--card-bg);border:1.5px solid var(--border);cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;width:220px;padding:1.75rem 1.5rem;transition:all .3s;position:relative;overflow:hidden}.grade-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.grade-card:hover,.grade-card.active{border-color:var(--cyan);transform:translateY(-4px);box-shadow:0 8px 32px #00c8ff33}.grade-card:hover:before,.grade-card.active:before{opacity:1}.grade-card .grade-num{color:var(--cyan);margin-bottom:.3rem;font-family:Orbitron,monospace;font-size:2.8rem;font-weight:900;line-height:1}.grade-card .grade-word{letter-spacing:.2em;text-transform:uppercase;color:var(--gray);font-size:.75rem}.papers-page{min-height:100vh;padding:5.5rem 2rem 3rem;position:relative}.papers-bg{opacity:.04;z-index:0;pointer-events:none;background-image:url(/bg-chalkboard.png);background-position:50%;background-size:cover;position:fixed;inset:0}.papers-container{z-index:1;max-width:1000px;margin:0 auto;position:relative}.breadcrumb{color:var(--gray);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:2.5rem;font-size:.82rem;display:flex}.breadcrumb span{color:var(--cyan);font-weight:500}.breadcrumb .sep{color:var(--border)}.panel-title{letter-spacing:.25em;text-transform:uppercase;color:var(--gray);margin-bottom:1.25rem;font-family:Orbitron,monospace;font-size:.75rem}.button-grid{flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem;display:flex}.sel-btn{background:var(--card-bg);border:1.5px solid var(--border);color:var(--white);cursor:pointer;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:.7rem 1.4rem;font-size:.85rem;font-weight:500;transition:all .2s}.sel-btn:hover,.sel-btn.active{border-color:var(--orange);color:var(--orange-bright);background:#ff6a0014;transform:translateY(-2px);box-shadow:0 4px 16px #ff6a0026}.sel-btn.subject-math:hover,.sel-btn.subject-math.active{border-color:var(--cyan);color:var(--cyan);background:#00c8ff14;box-shadow:0 4px 16px #00c8ff26}.year-btn{background:var(--card-bg);border:1.5px solid var(--border);color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;padding:.6rem 1.2rem;font-family:Orbitron,monospace;font-size:.8rem;font-weight:600;transition:all .2s}.year-btn:hover,.year-btn.active{border-color:var(--orange-glow);color:var(--orange-glow);background:#ffaa0014;transform:translateY(-2px);box-shadow:0 4px 16px #fa03}.divider{background:linear-gradient(90deg, transparent, var(--border), transparent);width:100%;height:1px;margin:1.5rem 0}.papers-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.paper-card{background:var(--card-bg);border:1.5px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;transition:all .25s}.paper-card:hover{border-color:#2d7dd280;transform:translateY(-3px);box-shadow:0 8px 28px #0000004d}.paper-card-title{color:var(--cyan);letter-spacing:.06em;margin-bottom:.35rem;font-family:Orbitron,monospace;font-size:.85rem;font-weight:700}.paper-card-subtitle{color:var(--gray);margin-bottom:1.25rem;font-size:.78rem}.paper-links{flex-direction:column;gap:.6rem;display:flex}.paper-link{border:1px solid #0000;border-radius:7px;align-items:center;gap:.6rem;padding:.6rem .9rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.paper-link.question{color:var(--blue-bright);background:#2d7dd21f;border-color:#2d7dd240}.paper-link.question:hover{background:#2d7dd238}.paper-link.memo{color:var(--cyan);background:#00c8ff14;border-color:#00c8ff33}.paper-link.memo:hover{background:#00c8ff26}.paper-link.my-memo{color:var(--orange-bright);background:#ff6a001a;border-color:#ff6a0040}.paper-link.my-memo:hover{background:#ff6a002e}.yt-thumb-block{cursor:pointer;border-radius:8px;margin-top:1rem;position:relative;overflow:hidden}.yt-thumb-block img{border-radius:8px;width:100%;transition:transform .2s;display:block}.yt-thumb-block:hover img{transform:scale(1.03)}.yt-play-overlay{background:#00000059;border-radius:8px;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.yt-thumb-block:hover .yt-play-overlay{background:#0003}.yt-play-btn{background:red;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.empty-state{text-align:center;color:var(--gray);grid-column:1/-1;padding:3rem 2rem}.empty-state .empty-icon{opacity:.4;margin-bottom:1rem;font-size:3rem}.empty-state p{font-size:.9rem;line-height:1.7}.empty-state strong{color:var(--orange-bright)}.videos-page{min-height:100vh;padding:5.5rem 2rem 3rem}.videos-container{max-width:1200px;margin:0 auto}.page-header{margin-bottom:3rem}.page-header h1{margin-bottom:.5rem;font-family:Orbitron,monospace;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:900}.page-header h1 span{color:var(--orange-bright)}.page-header p{color:var(--gray);font-size:.95rem}.videos-split{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=700px){.videos-split{grid-template-columns:1fr}}.videos-column h2{letter-spacing:.12em;text-transform:uppercase;border-bottom:1.5px solid var(--border);margin-bottom:1.25rem;padding-bottom:.75rem;font-family:Orbitron,monospace;font-size:.9rem;font-weight:700}.videos-column.math h2{color:var(--cyan)}.videos-column.physics h2{color:var(--orange-bright)}.video-card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:10px;margin-bottom:1rem;transition:all .25s;overflow:hidden}.video-card:hover{border-color:#2d7dd266;transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.video-thumb{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.video-thumb img{object-fit:cover;width:100%;height:100%}.video-thumb-overlay{background:#0000004d;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.video-card:hover .video-thumb-overlay{background:#00000026}.yt-btn{background:red;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.video-info{padding:.9rem 1rem}.video-info h3{color:var(--white);margin-bottom:.25rem;font-size:.85rem;font-weight:600;line-height:1.4}.video-info .vid-meta{color:var(--gray);font-size:.75rem}.coming-soon-card{background:var(--card-bg);border:1.5px dashed var(--border);text-align:center;color:var(--gray);border-radius:10px;padding:2rem;font-size:.85rem}.about-page{min-height:100vh;padding:5.5rem 2rem 4rem;position:relative;overflow:hidden}.about-bg{opacity:.05;z-index:0;pointer-events:none;background-image:url(/bg-chalkboard.png);background-position:50%;background-size:cover;position:fixed;inset:0}.about-container{z-index:1;max-width:860px;margin:0 auto;position:relative}.about-hero{grid-template-columns:1fr 1.5fr;align-items:center;gap:3rem;margin-bottom:4rem;display:grid}@media (width<=650px){.about-hero{grid-template-columns:1fr}}.about-atom-wrap{justify-content:center;align-items:center;display:flex}.about-atom{object-fit:contain;filter:drop-shadow(0 0 40px #00c8ff8c);width:200px;height:200px;animation:3s ease-in-out infinite pulse-glow}.about-intro .eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--orange-bright);margin-bottom:.75rem;font-size:.7rem}.about-intro h1{margin-bottom:1.25rem;font-family:Orbitron,monospace;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:900;line-height:1.15}.about-intro h1 span{color:var(--cyan)}.about-intro p{color:#f0f4ffb3;font-size:.95rem;line-height:1.8}.about-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:3rem;display:grid}.about-card{background:var(--card-bg);border:1.5px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;transition:border-color .25s}.about-card:hover{border-color:#2d7dd273}.about-card .card-icon{margin-bottom:.75rem;font-size:1.8rem}.about-card h3{letter-spacing:.1em;color:var(--cyan);margin-bottom:.5rem;font-family:Orbitron,monospace;font-size:.78rem;font-weight:700}.about-card p{color:var(--gray);font-size:.85rem;line-height:1.6}.about-quote{border:1.5px solid var(--border);text-align:center;background:linear-gradient(135deg,#1a4a8a4d,#ff6a0014);border-radius:12px;padding:2rem}.about-quote blockquote{color:var(--white);margin-bottom:.75rem;font-size:1.1rem;font-style:italic;line-height:1.7}.about-quote cite{letter-spacing:.15em;text-transform:uppercase;color:var(--orange-bright);font-size:.78rem}footer{border-top:1px solid var(--border);text-align:center;color:var(--gray);background:#050d1af2;padding:2rem;font-size:.78rem}footer .footer-logo{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}footer img{object-fit:contain;width:28px;height:28px;filter:drop-shadow(0 0 6px var(--cyan))}footer .footer-brand{color:var(--white);font-family:Orbitron,monospace;font-size:.8rem}.fade-in{animation:.45s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:.35s forwards slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.glow-line{background:linear-gradient(90deg, var(--orange), var(--cyan));border-radius:1px;width:80px;height:2px;margin:0 auto 1.5rem}.back-btn{background:var(--card-bg);border:1.5px solid var(--border);color:var(--cyan);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.back-btn:hover{border-color:var(--cyan);background:#00c8ff14;transform:translate(-2px)}.recently-viewed{border:1px solid var(--border);background:#0a162899;border-radius:10px;margin-bottom:2rem;padding:1rem 1.25rem}.recently-viewed-label{letter-spacing:.2em;text-transform:uppercase;color:var(--gray);margin-bottom:.65rem;font-size:.7rem}.recently-viewed-items{flex-wrap:wrap;gap:.75rem;display:flex}.recently-viewed-chip{background:var(--card-bg);border:1px solid var(--border);color:var(--white);cursor:pointer;border-radius:7px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.78rem;text-decoration:none;transition:all .2s;display:flex}.recently-viewed-chip:hover{border-color:var(--orange);color:var(--orange-bright)}.recently-viewed-chip .rv-icon{font-size:.9rem}.mobile-menu-btn{color:var(--white);cursor:pointer;background:0 0;border:none;padding:.4rem;display:none}.mobile-menu-overlay{z-index:200;background:#050d1afa;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:none;position:fixed;inset:0}.mobile-menu-overlay.open{display:flex}.mobile-menu-overlay a{color:var(--white);letter-spacing:.05em;font-family:Orbitron,monospace;font-size:1.4rem;font-weight:600;text-decoration:none}.mobile-menu-overlay a.yt-mobile{color:var(--orange-bright);margin-top:1rem}.mobile-menu-close{color:var(--white);cursor:pointer;background:0 0;border:none;font-size:2rem;position:absolute;top:1.5rem;right:1.5rem}@media (width<=900px){.navbar{padding:.75rem 1.5rem}.hero{padding:5.5rem 1.5rem 2.5rem}.about-hero{gap:2rem}.videos-split{gap:1.5rem}}@media (width<=700px){.navbar-links{display:none}.mobile-menu-btn{display:block}.navbar-yt{padding:.45rem .7rem}.navbar-yt span{display:none}.hero-title{font-size:clamp(1.7rem,7vw,2.6rem)}.hero-subtitle{padding:0 .5rem;font-size:.95rem}.hero-atom{width:110px;height:110px}.grade-buttons{gap:.75rem}.grade-card{width:calc(33.333% - .5rem);min-width:100px;padding:1.1rem .6rem}.grade-card .grade-num{font-size:2.1rem}.grade-card .grade-word{font-size:.65rem}.hero-cta-group{flex-direction:column;width:100%;max-width:320px;margin:0 auto 2.5rem}.btn-primary,.btn-secondary{text-align:center;width:100%}.papers-page,.videos-page,.about-page{padding:5rem 1.25rem 2.5rem}.breadcrumb{font-size:.74rem}.button-grid{gap:.6rem}.sel-btn{text-align:center;flex:auto;min-width:110px;padding:.6rem 1rem;font-size:.8rem}.year-btn{padding:.55rem 1rem;font-size:.75rem}.papers-grid{grid-template-columns:1fr}.about-hero{text-align:center;grid-template-columns:1fr}.about-atom{width:140px;height:140px}.about-cards,.videos-split{grid-template-columns:1fr}footer{padding:1.5rem 1.25rem}}@media (width<=420px){.navbar-logo img{width:36px;height:36px}.navbar-brand .brand-main{font-size:.85rem}.navbar-brand .brand-sub{font-size:.58rem}.hero-title{font-size:1.5rem}.hero-eyebrow{font-size:.65rem}.grade-card{width:calc(33.333% - .4rem);padding:.9rem .4rem}.grade-card .grade-num{font-size:1.7rem}.sel-btn{min-width:90px;padding:.55rem .8rem;font-size:.75rem}.year-btn{padding:.5rem .85rem;font-size:.7rem}.recently-viewed-items{flex-direction:column}.recently-viewed-chip{width:100%}}