.learn-page *,.learn-page :after,.learn-page :before{box-sizing:border-box}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes twinkleSlow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes twinkleFast{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}@keyframes shootingStar{0%{transform:translateX(0) translateY(0) rotate(45deg);opacity:1}70%{opacity:1}to{transform:translateX(300px) translateY(300px) rotate(45deg);opacity:0}}@keyframes fadeInUp{0%{opacity:0}to{opacity:1}}@keyframes cardEntrance{0%{opacity:.8}to{opacity:1}}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes pulseRing{0%{transform:scale(1);opacity:.4}to{transform:scale(1.15);opacity:0}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}@keyframes headerEntrance{0%{opacity:0}to{opacity:1}}@keyframes nebulaDrift{0%,to{transform:translate(0)}50%{transform:translate(20px,10px)}}.learn-page{background:radial-gradient(ellipse at bottom,#1b2838 0,#0a0a1a 50%,#050510 100%);min-height:100vh;width:100%;position:relative;overflow-x:hidden;overflow-y:auto;font-family:Figtree,sans-serif}.learn-page .stars-container{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.learn-page .star{position:absolute;background:radial-gradient(circle,#ffffff 0,rgba(255,255,255,0) 70%);border-radius:50%}.learn-page .star-small{width:2px;height:2px;opacity:.6}.learn-page .star-medium{width:3px;height:3px;opacity:.7;box-shadow:0 0 4px 1px rgba(255,255,255,.2)}.learn-page .star-large{width:4px;height:4px;opacity:.8;box-shadow:0 0 6px 2px rgba(255,255,255,.3)}.learn-page .star-twinkle{animation:twinkle 3s ease-in-out infinite}.learn-page .star-twinkle-slow{animation:twinkleSlow 5s ease-in-out infinite}.learn-page .star-twinkle-fast{animation:twinkleFast 2s ease-in-out infinite}.learn-page .shooting-star{position:absolute;width:100px;height:2px;background:linear-gradient(90deg,#ffffff,transparent);border-radius:50%;animation:shootingStar 8s linear infinite;opacity:0}.learn-page .shooting-star-1{top:15%;left:10%;animation-delay:0s}.learn-page .shooting-star-2{top:25%;left:60%;animation-delay:5s}.learn-page .nebula{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:nebulaDrift 12s ease-in-out infinite}.learn-page .nebula-1{width:350px;height:350px;background:radial-gradient(circle,rgba(0,206,209,.12) 0,transparent 70%);top:15%;left:10%}.learn-page .nebula-2{width:300px;height:300px;background:radial-gradient(circle,rgba(100,149,237,.1) 0,transparent 70%);bottom:20%;right:15%;animation-delay:3s}.learn-page .back-button{position:fixed;top:90px;left:45px;display:flex;align-items:center;gap:6px;padding:9px 18px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:8px;text-decoration:none;color:#ffffff;font-family:Madimi One,cursive;font-size:13px;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:20}.learn-page .back-button:hover{background:rgba(0,206,209,.2);border-color:rgba(0,206,209,.4);transform:translateX(-3px);box-shadow:0 0 20px rgba(0,206,209,.25)}.learn-page .back-button svg path{stroke:#ffffff}.learn-page .main-content{padding:140px 60px 60px;min-height:100vh;width:100%;position:relative;z-index:1;max-width:1200px;margin:0 auto;box-sizing:border-box}.learn-page .page-header{text-align:center;margin-bottom:60px}.learn-page .page-title{font-family:Madimi One,sans-serif;font-size:48px;font-weight:400;color:#ffffff;margin:0 0 12px;text-shadow:0 0 40px rgba(0,206,209,.4);letter-spacing:1px}.learn-page .page-subtitle{font-family:Figtree,sans-serif;font-size:16px;color:rgba(255,255,255,.6);margin:0;letter-spacing:.5px}.learn-page .subjects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;transform:translateZ(0)}.learn-page .subject-card-link,.learn-page .subject-card-wrapper{display:block;text-decoration:none;width:100%;min-height:140px}.learn-page .subject-card{position:relative;background:rgba(20,30,50,.85);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .4s ease,border-color .4s ease,box-shadow .4s ease;min-height:140px;transform:translateZ(0)}.learn-page .subject-card.hovered:not(.disabled),.learn-page .subject-card:not(.disabled):hover{background:rgba(255,255,255,.08);border-color:rgba(0,206,209,.35);transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px rgba(0,206,209,.15),0 10px 20px rgba(0,0,0,.2)}.learn-page .subject-card.clicked{transform:scale(.98)}.learn-page .subject-card.disabled{opacity:.5;cursor:not-allowed}.learn-page .card-glow{position:absolute;inset:-20%;background:radial-gradient(circle at center,rgba(0,206,209,.25) 0,rgba(100,149,237,.1) 40%,transparent 70%);opacity:0;filter:blur(30px);transition:opacity .4s ease;pointer-events:none;z-index:0}.learn-page .card-glow.glow-active{opacity:1;animation:glowPulse 2.5s ease-in-out infinite}.learn-page .card-pulse-ring{position:absolute;inset:0;border-radius:20px;border:2px solid rgba(0,206,209,.3);animation:pulseRing 3s ease-out infinite;pointer-events:none;z-index:0}.learn-page .click-ripple{position:absolute;top:50%;left:50%;width:50px;height:50px;background:radial-gradient(circle,rgba(0,206,209,.5) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:ripple .4s ease-out forwards;pointer-events:none;z-index:10}.learn-page .card-content{display:flex;align-items:center;gap:24px;padding:28px;position:relative;z-index:1}.learn-page .subject-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,206,209,.15),rgba(100,149,237,.15));border-radius:16px;border:1px solid rgba(255,255,255,.1);flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);color:#00CED1}.learn-page .subject-icon svg{width:36px;height:36px}.learn-page .subject-card.hovered:not(.disabled) .subject-icon,.learn-page .subject-card:not(.disabled):hover .subject-icon{transform:scale(1.1);background:linear-gradient(135deg,rgba(0,206,209,.25),rgba(100,149,237,.25));box-shadow:0 0 25px rgba(0,206,209,.3)}.learn-page .subject-icon.icon-disabled{color:rgba(255,255,255,.4)}.learn-page .subject-info{flex:1;min-width:0}.learn-page .subject-name{font-family:Madimi One,sans-serif;font-size:22px;font-weight:400;color:#ffffff;margin:0 0 6px}.learn-page .subject-description{font-family:Figtree,sans-serif;font-size:14px;color:rgba(255,255,255,.6);margin:0 0 14px}.learn-page .subject-stats{display:flex;gap:20px}.learn-page .stat{display:flex;flex-direction:column;gap:2px}.learn-page .stat-value{font-family:Madimi One,sans-serif;font-size:20px;color:#00CED1}.learn-page .stat-label{font-family:Figtree,sans-serif;font-size:11px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.08em}.learn-page .subject-arrow{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(0,206,209,.15);border-radius:50%;color:#00CED1;transition:all .4s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.learn-page .subject-card.hovered:not(.disabled) .subject-arrow,.learn-page .subject-card:not(.disabled):hover .subject-arrow{background:rgba(0,206,209,.3);transform:translateX(5px);box-shadow:0 0 20px rgba(0,206,209,.3)}.learn-page .coming-soon-badge{display:inline-block;background:linear-gradient(135deg,rgba(100,149,237,.2),rgba(0,206,209,.2));color:rgba(255,255,255,.7);padding:6px 14px;border-radius:20px;font-family:Figtree,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.15)}@media (max-width:1024px){.learn-page .main-content{padding:120px 40px 40px}.learn-page .page-title{font-size:40px}.learn-page .subjects-grid{gap:20px}.learn-page .card-content{padding:24px;gap:20px}.learn-page .subject-icon{width:60px;height:60px}.learn-page .subject-icon svg{width:32px;height:32px}}@media (max-width:768px){.learn-page .back-button{top:80px;left:20px;padding:8px 14px;font-size:12px}.learn-page .main-content{padding:100px 20px 40px}.learn-page .page-title{font-size:32px}.learn-page .page-subtitle{font-size:14px}.learn-page .subjects-grid{grid-template-columns:1fr;gap:16px}.learn-page .card-content{flex-direction:column;text-align:center;padding:24px}.learn-page .subject-info{text-align:center}.learn-page .subject-stats{justify-content:center}.learn-page .card-pulse-ring,.learn-page .nebula,.learn-page .subject-arrow{display:none}}@media (max-width:480px){.learn-page .back-button{top:75px;left:15px;padding:6px 12px;font-size:11px}.learn-page .main-content{padding:90px 15px 30px}.learn-page .page-title{font-size:28px}.learn-page .card-content{padding:20px}.learn-page .subject-icon{width:56px;height:56px}.learn-page .subject-icon svg{width:28px;height:28px}.learn-page .subject-name{font-size:18px}.learn-page .shooting-star{display:none}}@media (max-width:375px){.learn-page .page-title{font-size:24px}.learn-page .subject-icon{width:50px;height:50px}.learn-page .subject-icon svg{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){.learn-page .star-twinkle,.learn-page .star-twinkle-fast,.learn-page .star-twinkle-slow{animation:none!important}.learn-page .shooting-star{display:none}.learn-page .nebula{animation:none!important}.learn-page .back-button,.learn-page .subject-card{transition:none!important}.learn-page .page-header,.learn-page .subject-card{animation:none!important}.learn-page .card-glow.glow-active{animation:none;opacity:.5}.learn-page .card-pulse-ring,.learn-page .click-ripple{display:none}}