:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fffffff2;background-color:#0b314b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #6eb6c4;--primary-dark: #2e6e8e;--bg-dark: #0b314b;--bg-darker: #051d2d}*{box-sizing:border-box}html,body{width:100%;margin:0;padding:0;overflow-x:hidden;position:relative}body{min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at top left,#2e6e8e,#0b314b);background-attachment:fixed;-webkit-overflow-scrolling:touch}@media (min-width: 769px){body{display:flex;place-items:center}}#root{width:100%;max-width:1280px;margin:1rem auto;padding:1rem;text-align:center}.app-container{padding-bottom:140px}.glass-card{background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:1.5rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#ffffff0f;transform:translateY(-4px);box-shadow:0 20px 40px -10px #00000080}.btn-premium{background:linear-gradient(135deg,#6eb6c4,#2e6e8e);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;box-shadow:0 4px 15px #6eb6c44d}.btn-premium:hover{opacity:1;transform:scale(1.02);box-shadow:0 6px 20px #6eb6c480}.nav-bar{position:fixed;bottom:85px;left:50%;transform:translate(-50%);background:#051d2dd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.75rem 2rem;border-radius:2rem;border:1px solid rgba(255,255,255,.08);display:flex;gap:2rem;z-index:1000;box-shadow:0 10px 30px #0006}.nav-link{color:#94a3b8;text-decoration:none;display:flex;flex-direction:column;align-items:center;font-size:.75rem;transition:all .2s ease}.nav-link.active{color:#6eb6c4}.nav-link:hover{color:#cbd5e1}h1{font-size:2.5em;line-height:1.1;background:linear-gradient(to right,#fff,#6eb6c4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.header-banner{width:100%;height:320px;background-image:linear-gradient(to bottom,#0b314b00,#0b314b1a 60%,#0b314be0),url(/banner-new.jpg);background-size:cover;background-repeat:no-repeat;background-position:center 40%;position:relative;border-radius:0 0 2.5rem 2.5rem;margin-bottom:2rem;box-shadow:0 15px 40px #00000080,0 0 0 1px #6eb6c426;border-bottom:3px solid rgba(110,182,196,.6);overflow:hidden;animation:bannerFadeIn .8s ease-out}.header-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(110,182,196,.08) 0%,transparent 60%);pointer-events:none}.header-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to right,transparent,rgba(110,182,196,.8),rgba(139,92,246,.6),rgba(110,182,196,.8),transparent);animation:shimmer 3s infinite}@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.logo-header-large{display:flex;justify-content:center;align-items:center;margin-top:-50px;margin-bottom:2rem;position:relative;z-index:35}.logo-header-large img{width:90px;height:90px;object-fit:cover;border-radius:50%;border:3px solid #0b314b;background:#0b314b;box-shadow:0 6px 18px #00000080;filter:drop-shadow(0 0 10px rgba(110,182,196,.3))}.logo-header{display:flex;justify-content:center;align-items:center;padding:.5rem 0}.logo-header img{width:72px;height:72px;object-fit:cover;border-radius:50%;border:3px solid rgba(110,182,196,.3);background:#0b314b;box-shadow:0 4px 14px #0006;filter:drop-shadow(0 0 8px rgba(110,182,196,.25))}.vertical-equation-box{display:flex;flex-direction:column;align-items:flex-end;gap:0;font-size:2rem;font-weight:700;margin:.25rem auto;padding:.2rem 1.5rem;background:#ffffff05;border-radius:.8rem;width:fit-content;min-width:140px;border-right:3px solid rgba(251,146,60,.4)}.equation-number{width:100%;text-align:right;font-family:"monospace";line-height:.9;padding:.05rem 0}.equation-line{width:100%;height:3px;background:#fff;margin-top:.1rem;box-shadow:0 1px 3px #0000004d}@media (max-width: 768px){.nav-bar{bottom:80px;padding:.5rem 1.25rem;gap:1.25rem;border-radius:1.5rem}.nav-link{font-size:.65rem}.nav-link svg{width:18px;height:18px}}@media (max-width: 1024px){.vertical-equation-box{font-size:1.6rem;padding:.15rem 1.2rem;min-width:120px;margin:.2rem auto}}@media (max-width: 480px){:root{--header-margin: .75rem;--practice-padding: 4rem}#root{padding:.5rem}.practice-container{padding-top:0!important;margin-top:0!important}.glass-card{padding:1rem!important;margin-top:.5rem}.vertical-equation-box{font-size:1.2rem;padding:.1rem .6rem;min-width:80px;margin:.05rem auto!important;gap:0}.logo-header{padding:.25rem 0!important;margin-bottom:.25rem!important}.logo-header img{height:40px;width:40px}h2,h3{margin-bottom:.5rem!important}}@media (max-height: 540px){:root{--header-margin: .25rem;--practice-padding: 2rem}body{display:block!important;overflow-y:auto}#root{padding:.1rem}.vertical-equation-box{font-size:1rem!important;padding:.02rem .5rem!important;margin:.01rem auto!important;gap:0!important;min-width:70px}.glass-card{padding:.4rem!important;min-height:auto!important;border-radius:.75rem!important;margin-top:0}.logo-header{display:none!important}h3{margin-bottom:.1rem!important;font-size:.85rem!important;margin-top:.1rem!important}.practice-container header{margin-bottom:.25rem!important}}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.lessons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}@media (max-width: 768px){.category-grid{grid-template-columns:1fr!important;gap:1rem}.category-grid .glass-card{padding:1.25rem!important}.category-grid .glass-card h3{font-size:1rem!important}.category-grid .glass-card svg{width:32px!important;height:32px!important}.lessons-grid{grid-template-columns:repeat(3,1fr)!important}.home-actions{grid-template-columns:1fr!important}}@keyframes pulse-glow{0%{transform:scale(1);filter:drop-shadow(0 0 5px rgba(110,182,196,.4))}50%{transform:scale(1.08);filter:drop-shadow(0 0 20px rgba(110,182,196,.8));text-shadow:0 0 10px rgba(255,255,255,.5)}to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(110,182,196,.4))}}.pulsing-glow{animation:pulse-glow 3s infinite ease-in-out;display:inline-block}.app-container{padding-bottom:6rem;width:100%}