.subject-selection-page *,.subject-selection-page :after,.subject-selection-page :before{box-sizing:border-box}.subject-selection-page{min-height:100vh;width:100%;background:radial-gradient(ellipse at bottom,#1b2838 0,#0a0a1a 50%,#050510 100%);position:relative;overflow-x:hidden;overflow-y:auto}.subject-selection-page .stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.subject-selection-page .star{position:absolute;background:#ffffff;border-radius:50%}.subject-selection-page .star-small{width:1px;height:1px;opacity:.6}.subject-selection-page .star-medium{width:2px;height:2px;opacity:.8}.subject-selection-page .star-large{width:3px;height:3px;opacity:1;box-shadow:0 0 6px 1px rgba(255,255,255,.5)}.subject-selection-page .star-twinkle{animation:twinkle 3s ease-in-out infinite}.subject-selection-page .star-twinkle-slow{animation:twinkleSlow 5s ease-in-out infinite}.subject-selection-page .star-twinkle-fast{animation:twinkleFast 1.5s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}@keyframes twinkleSlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.2;transform:scale(.7)}}@keyframes twinkleFast{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.subject-selection-page .shooting-star{position:absolute;width:100px;height:2px;background:linear-gradient(90deg,#00CED1,transparent);border-radius:50%;opacity:0;transform:rotate(-45deg)}.subject-selection-page .shooting-star-1{top:15%;left:20%;animation:shootingStar 8s ease-in-out infinite}.subject-selection-page .shooting-star-2{top:35%;left:60%;animation:shootingStar 8s ease-in-out 3s infinite}.subject-selection-page .shooting-star-3{top:10%;left:45%;animation:shootingStar 8s ease-in-out 6s infinite}@keyframes shootingStar{0%{opacity:0;transform:translateX(0) translateY(0) rotate(-45deg)}2%{opacity:1}10%{opacity:0;transform:translateX(300px) translateY(300px) rotate(-45deg)}to{opacity:0;transform:translateX(300px) translateY(300px) rotate(-45deg)}}.subject-selection-page .nebula{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.subject-selection-page .nebula-1{top:10%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,206,209,.15) 0,transparent 70%);animation:nebulaPulse 10s ease-in-out infinite}.subject-selection-page .nebula-2{bottom:10%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(138,43,226,.1) 0,transparent 70%);animation:nebulaPulse 12s ease-in-out 2s infinite}.subject-selection-page .nebula-3{top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,206,209,.08) 0,transparent 60%);animation:nebulaPulse3 15s ease-in-out 4s infinite}@keyframes nebulaPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes nebulaPulse3{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.subject-selection-page .back-button{position:fixed;top:80px;left:24px;display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#ffffff;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;z-index:100}.subject-selection-page .back-button:hover{background:rgba(255,255,255,.2);border-color:rgba(0,206,209,.5);transform:translateX(-3px)}.subject-selection-page .back-button svg{transition:transform .3s ease}.subject-selection-page .back-button:hover svg{transform:translateX(-2px)}.subject-selection-page .main-content{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:100px 20px 40px;position:relative;z-index:10;box-sizing:border-box}.subject-selection-page .content-container{background:rgba(255,255,255,.08);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.15);padding:48px;max-width:900px;width:100%;box-shadow:0 8px 32px rgba(0,0,0,.3);animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0}to{opacity:1}}.subject-selection-page .main-title{font-family:Madimi One,cursive;font-size:32px;font-weight:400;color:#ffffff;text-align:center;margin-bottom:16px;line-height:1.3;text-shadow:0 2px 20px rgba(0,206,209,.3)}.subject-selection-page .subtitle{font-family:Figtree,sans-serif;font-size:16px;font-weight:400;color:rgba(255,255,255,.75);text-align:center;margin-bottom:40px;line-height:1.6}.subject-selection-page .subjects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.subject-selection-page .subject-card{background:rgba(255,255,255,.06);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:40px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:240px;cursor:pointer;transition:all .3s ease;text-decoration:none}.subject-selection-page .subject-card:hover{background:rgba(255,255,255,.12);border-color:rgba(0,206,209,.4);transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,206,209,.2)}.subject-selection-page .subject-card.disabled{opacity:.5;cursor:not-allowed}.subject-selection-page .subject-card.disabled:hover{transform:none;box-shadow:none;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}.subject-selection-page .icon-container{width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.subject-selection-page .subject-icon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,206,209,.2));transition:transform .3s ease}.subject-selection-page .subject-card:hover:not(.disabled) .subject-icon{transform:scale(1.05)}.subject-selection-page .subject-title{font-family:Madimi One,cursive;font-size:20px;font-weight:400;color:#ffffff}.subject-selection-page .coming-soon-badge{margin-top:12px;padding:6px 14px;background:linear-gradient(135deg,rgba(0,206,209,.3),rgba(0,206,209,.1));border:1px solid rgba(0,206,209,.4);border-radius:20px;font-family:Figtree,sans-serif;font-size:11px;font-weight:600;color:#00CED1;text-transform:uppercase;letter-spacing:.5px}@media (max-width:1024px){.subject-selection-page .subjects-grid{grid-template-columns:repeat(2,1fr)}.subject-selection-page .back-button{top:75px;left:20px}}@media (max-width:768px){.subject-selection-page .main-content{padding:90px 16px 30px}.subject-selection-page .content-container{padding:32px 24px}.subject-selection-page .main-title{font-size:26px}.subject-selection-page .subtitle{font-size:14px}.subject-selection-page .subjects-grid{grid-template-columns:1fr;gap:16px}.subject-selection-page .subject-card{padding:30px 20px;min-height:auto}.subject-selection-page .back-button{top:70px;left:16px;padding:8px 14px;font-size:13px}.subject-selection-page .nebula-1,.subject-selection-page .nebula-2{width:250px;height:250px}.subject-selection-page .nebula-3{width:350px;height:350px}}@media (max-width:480px){.subject-selection-page .main-content{padding:85px 12px 24px}.subject-selection-page .content-container{padding:24px 16px}.subject-selection-page .main-title{font-size:22px}.subject-selection-page .subtitle{font-size:13px}.subject-selection-page .subject-title{font-size:18px}.subject-selection-page .icon-container{width:100px;height:100px}.subject-selection-page .back-button{top:65px;left:12px;padding:6px 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.subject-selection-page .nebula,.subject-selection-page .nebula-1,.subject-selection-page .nebula-2,.subject-selection-page .nebula-3,.subject-selection-page .shooting-star,.subject-selection-page .shooting-star-1,.subject-selection-page .shooting-star-2,.subject-selection-page .shooting-star-3,.subject-selection-page .star-twinkle,.subject-selection-page .star-twinkle-fast,.subject-selection-page .star-twinkle-slow{animation:none}.subject-selection-page .back-button,.subject-selection-page .content-container,.subject-selection-page .subject-card,.subject-selection-page .subject-icon{transition:none}}.subject-selection-page .navbar-main{padding:0 40px!important}.subject-selection-page .navbar-actions{gap:16px!important}.subject-selection-page .nav-btn{padding:8px 16px!important}.subject-selection-page .nav-user-email{margin-right:8px!important}.subject-selection-page .navbar-menu-button{padding:8px!important}.subject-selection-page .navbar-dropdown-item{padding:12px 20px!important}@media (max-width:1024px){.subject-selection-page .navbar-main{padding:0 30px!important}.subject-selection-page .navbar-actions{gap:12px!important}.subject-selection-page .nav-btn{padding:7px 14px!important}}@media (max-width:768px){.subject-selection-page .navbar-main{padding:0 20px!important}.subject-selection-page .navbar-actions{gap:10px!important}.subject-selection-page .nav-btn{padding:6px 12px!important}}@media (max-width:480px){.subject-selection-page .navbar-main{padding:0 15px!important}.subject-selection-page .navbar-actions{gap:8px!important}.subject-selection-page .nav-btn{padding:5px 10px!important}.subject-selection-page .navbar-menu-button{padding:6px!important}.subject-selection-page .navbar-dropdown-item{padding:10px 16px!important}}@media (max-width:375px){.subject-selection-page .navbar-main{padding:0 12px!important}.subject-selection-page .navbar-actions{gap:6px!important}.subject-selection-page .nav-btn{padding:4px 8px!important}}