:root{--header-bg:#0f172a;--body-bg:#f8fafc;--accent-gold:#facc15;--text-dark:#1e293b;--text-gray:#64748b;--card-shadow:8px 8px 0px #cbd5e1;--btn-color:#334155;--border-color:#e2e8f0;--primary-purple:#8b5cf6;--math-blue:#3b82f6;--science-green:#22c55e}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background-color:var(--body-bg);color:var(--text-dark);line-height:1.6;padding-top:85px}header{position:fixed;top:0;left:0;width:100%;height:70px;background:var(--header-bg);border-bottom:3px solid var(--accent-gold);display:flex;align-items:center;justify-content:space-between;padding:0 10%;z-index:2000;box-shadow:0 8px 20px rgb(15 23 42 / .4)}.brand-box{display:flex;flex-direction:column;text-decoration:none}.logo{font-size:1.1rem;color:#fff;text-decoration:none}.logo span{color:var(--accent-gold)}.sub-logo{font-size:.75rem;color:#EFEFEF;margin-top:2px}.mobile-menu-trigger{display:none;color:#fff;font-weight:800;font-size:1.5rem;cursor:pointer}#mobileMenuOverlay{display:none;position:fixed;top:70px;left:0;width:100%;height:100%;background-color:#0f172a;z-index:1500;padding:30px}.mobile-link{display:block;color:#fff;text-decoration:none;font-size:1.1rem;padding:15px 0;border-bottom:1px solid #1e293b}.wrapper{max-width:1200px;margin:0 auto;display:flex;gap:40px;padding:30px 20px}main{flex:1}aside{width:320px}.section-title{font-size:1.3rem;margin-bottom:25px;border-left:5px solid var(--accent-gold);padding-left:15px;color:var(--header-bg)}.hero-premium{background:#fff;border-left:8px solid var(--accent-gold);border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:var(--card-shadow);display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:1.4rem}.hero-stats{display:flex;flex-direction:column;gap:10px;min-width:200px}.stat-item{background:var(--body-bg);padding:10px 15px;border-radius:10px;font-weight:700;font-size:.9rem;border:1px solid #e2e8f0}.stat-item span{color:var(--header-bg);border-bottom:2px solid var(--accent-gold)}.grade-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:50px}.grade-box{background:#fff;border:2px solid #e2e8f0;border-radius:15px;padding:20px;display:flex;align-items:center;gap:20px;text-decoration:none;box-shadow:var(--card-shadow);transition:0.2s}.grade-box:hover{transform:translateX(5px);border-color:var(--accent-gold)}.grade-visual{width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:2.2rem;flex-shrink:0;transition:transform 0.3s ease}.grade-box:hover .grade-visual{transform:scale(1.2) rotate(15deg)}.math-theme{color:var(--math-blue)}.math-theme::before{content:'📐';font-size:1.4rem}.science-theme{color:var(--science-green)}.science-theme::before{content:'🧪';font-size:1.4rem}.grade-box:hover .math-theme,.grade-box:hover .science-theme{color:var(--accent-gold)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:50px}.benefit-card{background:#fff;padding:25px;border-radius:20px;text-align:center;border-bottom:4px solid var(--accent-gold);box-shadow:0 4px 15px rgb(0 0 0 / .05)}.benefit-icon{font-size:2rem;margin-bottom:10px}.benefit-card h4{font-size:1rem;margin-bottom:10px}.benefit-card p{font-size:.85rem;color:var(--text-gray)}.feed-header{display:flex;justify-content:space-between;align-items:center}.content-feed{display:flex;flex-direction:column;gap:20px;margin-bottom:60px}.feed-item{background:#fff;border-radius:15px;padding:15px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e2e8f0;box-shadow:6px 6px 0 #cbd5e1}.feed-body{flex:1;padding:0 10px}.feed-body a{display:block;font-size:1rem;color:var(--header-bg);margin-bottom:10px;text-decoration:none;font-weight:600}.feed-body a:hover{text-decoration:underline}.feed-body a::before{content:'•';color:var(--accent-gold);margin-right:10px}.feed-body p{font-size:.9rem;color:var(--text-gray)}.features-section{background:#fff;border-radius:20px;padding:20px;border:2px solid var(--accent-gold);margin-bottom:50px;margin-top:25px}.features-section h3{margin-bottom:25px;text-align:center}.features-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;list-style:none}.features-list li{position:relative;padding-left:30px;font-size:.95rem;font-weight:500}.features-list li::before{content:'✔';position:absolute;left:0;color:#15803d;font-weight:700}.sidebar-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px;margin-bottom:30px;box-shadow:6px 6px 0 #cbd5e1}.sidebar-section h3{color:#0f172a;margin-bottom:15px;padding-bottom:8px;border-bottom:3px solid #facc15;display:inline-block}.side-nav{list-style:none}.side-nav a{display:block;padding:8px 0;padding-left:25px;color:#475569;text-decoration:none;font-size:.95rem;font-weight:500;position:relative;border-bottom:1px dashed #e2e8f0}.side-nav a::before{content:'→';position:absolute;left:0;color:#facc15;font-weight:800}.side-nav a:hover{color:#0f172a;background-color:#f8fafc;border-bottom-color:#facc15}footer{background:var(--header-bg);color:#94a3b8;padding:60px 5%;border-top:5px solid var(--accent-gold);text-align:center;font-size:.95rem}footer a{color:#F3F3F3}@media (max-width:992px){.wrapper{flex-direction:column}aside{width:100%;order:3}main{order:1}header{padding:0 5%}.mobile-menu-trigger{display:block}.hero-premium{flex-direction:column;text-align:center}.benefits-grid{grid-template-columns:1fr}.feed-item{flex-direction:column;gap:15px}}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:50px}.unit-card{background:#fff;border:2px solid #e2e8f0;border-radius:7px;padding:0;overflow:hidden;box-shadow:var(--card-shadow)}.unit-header{background:#334155;padding:3px 12px;border-bottom:2px solid var(--accent-gold)}.unit-header h2{color:#fff;margin-top:5px;text-shadow:1px 1px 2px rgb(0 0 0 / .2)}.sub-topic-list{list-style:none;padding:10px 15px}.sub-topic-list li{border-bottom:1px dashed #e2e8f0}.sub-topic-list li:last-child{border-bottom:none}.sub-topic-list a{display:block;padding:12px 0;color:var(--text-dark);text-decoration:none;font-size:.95rem;font-weight:500;transition:0.2s}.sub-topic-list a::before{content:'•';color:var(--accent-gold);margin-right:10px;font-weight:700}.sub-topic-list a:hover{color:var(--header-bg);padding-left:5px}.content-intro{margin-bottom:50px}@media (max-width:768px){.category-grid{grid-template-columns:1fr}}.worksheet-card{background:#fff;border:2px solid #e2e8f0;border-radius:15px;padding:25px;margin-bottom:30px;box-shadow:var(--card-shadow);transition:0.2s}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.card-top h2{color:#000;text-shadow:1px 1px 2px rgb(0 0 0 / .2)}.badge{font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:5px;text-transform:uppercase}.easy{background:#dcfce7;color:#15803d}.medium{background:#fef9c3;color:#a16207}.hard{background:#fee2e2;color:#b91c1c}.btn-box{display:flex;justify-content:flex-end;margin-top:15px}.btn-download{width:130px;height:34px;background-color:#FFF;border:1px solid #334155;color:#000;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:.9rem;border-radius:6px}.btn-download:hover{background:var(--primary-purple)}.related-section{margin-top:50px;margin-bottom:50px;background:#f1f5f9;padding:30px;border-radius:25px;border:2px dashed var(--primary-purple)}.related-section h2{margin-bottom:20px;display:flex;align-items:center;gap:10px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.related-card{background:#fff;padding:15px 20px;border-radius:15px;text-decoration:none;color:var(--text-dark);font-weight:600;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-color);transition:0.3s}.related-card:hover{background:var(--primary-purple);color:#fff;transform:translateX(2px)}.related-card i{font-size:1.2rem;opacity:.5}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:50px;margin-top:30px}.resource-card{background:#fff;border:2px solid var(--border-color);border-radius:15px;padding:25px;text-align:center;text-decoration:none;box-shadow:var(--card-shadow);transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:20px}.resource-card:hover{transform:translateY(-8px);border-color:var(--accent-gold);background-color:#fffdf5}.res-icon{font-size:3rem;transition:transform 0.3s ease}.resource-card:hover .res-icon{transform:scale(1.1) rotate(5deg)}.resource-card h2{font-size:1.1rem;color:var(--header-bg);margin:0}.resource-card p{font-size:.8rem;color:var(--text-gray);line-height:1.3}.res-calisma{border-bottom:5px solid var(--math-blue)}.res-test{border-bottom:5px solid var(--science-green)}.res-boyama{border-bottom:5px solid var(--primary-purple)}.res-kes{border-bottom:5px solid #fb923c}@media (max-width:768px){.resource-grid{grid-template-columns:1fr}}.breadcrumb-container{padding:5px 0;border-radius:5px;margin-bottom:20px;font-size:.94rem;overflow-x:auto;white-space:nowrap}.breadcrumb-list{display:flex;list-style:none;padding:0;margin:0;align-items:center}.breadcrumb-list li{display:flex;align-items:center;color:#6c757d}.breadcrumb-list li a{color:#007bff;text-decoration:none}.breadcrumb-list li a:hover{color:#0056b3;text-decoration:underline}.breadcrumb-list li:not(:last-child)::after{content:"›";margin:0 7px;font-size:1.3rem;color:#666;font-weight:500}.navigation-list{display:flex;flex-direction:column;gap:20px;margin-top:30px}.navigation-card{background:#fff;border:2px solid var(--border-color);border-radius:12px;padding:20px 25px;text-decoration:none;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--card-shadow);transition:0.2s ease-in-out}.navigation-card:hover{border-color:var(--accent-gold);transform:translateX(8px);background-color:#fffdf5}.nav-content{flex:1;padding-right:20px}.nav-content h2{font-size:1.15rem;color:var(--header-bg);margin-bottom:5px;font-weight:700}.nav-content p{font-size:.9rem;color:var(--text-gray);margin:0;line-height:1.4}.nav-action{width:45px;height:45px;background:var(--header-bg);color:var(--accent-gold);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.2rem;font-weight:700;transition:0.3s;flex-shrink:0}.navigation-card:hover .nav-action{background:var(--accent-gold);color:var(--header-bg);transform:rotate(-45deg)}h1,h2,h3{font-size:1.2rem;font-weight:600;color:var(--header-bg)}