.maths-subject-container{background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);min-height:100vh;padding:20px}.maths-subject-content{max-width:1200px;margin:0 auto}.back-button-maths{cursor:pointer;color:#4ecdc4;background:#fff;border:none;border-radius:10px;margin-bottom:30px;padding:12px 25px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 10px #0003}.back-button-maths:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0000004d}.subject-header{text-align:center;color:#fff;margin-bottom:50px;animation:.6s slideDown}.subject-header h1{text-shadow:2px 2px 8px #0003;margin-bottom:15px;font-size:3rem}.subject-header p{opacity:.95;max-width:600px;margin:0 auto;font-size:1.2rem}.maths-topics{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:50px;display:grid}.topic-card{cursor:pointer;text-align:center;background:#fff;border-radius:15px;padding:35px 25px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.topic-card:before{content:"";height:4px;transition:all .3s;position:absolute;top:0;left:0;right:0}.topic-card:hover{transform:translateY(-15px)scale(1.05);box-shadow:0 20px 50px #00000040}.topic-card.hovered{transform:translateY(-15px)scale(1.05)}.addition-topic:before{background:linear-gradient(90deg,#4caf50,#45a049)}.subtraction-topic:before{background:linear-gradient(90deg,#2196f3,#1976d2)}.multiplication-topic:before{background:linear-gradient(90deg,#4ecdc4,#44a08d)}.division-topic:before{background:linear-gradient(90deg,#9c27b0,#7b1fa2)}.topic-icon{margin-bottom:15px;font-size:3.5rem;animation:2s ease-in-out infinite bounce;display:block}.topic-card:hover .topic-icon{animation:.6s ease-in-out spin}.topic-card h2{color:#333;margin-bottom:10px;font-size:1.6rem;font-weight:700}.topic-card p{color:#666;margin-bottom:20px;font-size:.95rem;line-height:1.6}.start-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4ecdc4 0%,#44a08d 100%);border:none;border-radius:50px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 6px 20px #f5576c66}.start-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f5576c99}.coming-soon{text-align:center;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;padding:30px;font-size:1.1rem}.coming-soon-section{margin-top:50px}.coming-soon-label{text-align:center;color:#fff;opacity:.9;margin-bottom:30px;font-size:1.1rem}.topic-card.coming-soon{opacity:.6;pointer-events:none;position:relative}.coming-soon-badge{color:#fff;z-index:10;background:#000000b3;border-radius:50px;padding:15px 25px;font-size:1.1rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1.1)}}@media (max-width:768px){.subject-header h1{font-size:2rem}.subject-header p{font-size:1rem}.maths-topics{grid-template-columns:repeat(2,1fr);gap:15px}.topic-card{padding:20px 15px}.topic-icon{font-size:2.5rem}.topic-card h2{font-size:1.2rem}.topic-card p{font-size:.85rem}}@media (max-width:480px){.maths-topics{grid-template-columns:1fr}}