:root{--bg:#0b1120;--bg-elevated:#0f1729;--bg-card:rgba(255, 255, 255, 0.03);--bg-glass:rgba(11, 17, 32, 0.88);--bg-glass-strong:rgba(11, 17, 32, 0.92);--bg-hover:rgba(255, 255, 255, 0.04);--text:#cdd9e9;--text-bright:#eaf9ff;--text-white:#ffffff;--text-muted:#8fa3be;--border:rgba(120, 220, 255, 0.12);--border-mid:rgba(120, 220, 255, 0.18);--border-bright:rgba(0, 210, 241, 0.25);--border-soft:rgba(0, 210, 241, 0.08);--border-accent:rgba(0, 210, 241, 0.16);--accent-primary:#00d2f1;--accent-secondary:#00d2f1;--accent-success:#22c55e;--accent-danger:#ef4444;--accent:#00d2f1;--accent2:#0090c1;--cyan:#00d2f1;--cyan-soft:rgba(0, 210, 241, 0.55);--green:#22c55e;--red:#ef4444;--shadow-soft:0 10px 35px rgba(0, 0, 0, 0.45);--shadow-glow:0 20px 60px rgba(0, 210, 241, 0.20);--shadow-nav:0 8px 30px rgba(0, 0, 0, 0.28);--shadow-dropdown:0 14px 34px rgba(0, 0, 0, 0.35);--radius-sm:10px;--radius-md:18px;--radius-lg:24px;--radius-pill:999px;--font-body:'Plus Jakarta Sans',sans-serif;--font-heading:'Plus Jakarta Sans',sans-serif;--font-brand:'Baloo 2',sans-serif;--font-mono:'JetBrains Mono',monospace;--content-w:700px;--page-gutter:clamp(16px, 4vw, 28px);--nav-height:70px;--nav-height-mobile:64px;--nav-padding-x:clamp(14px, 2vw, 24px);--blur-md:blur(12px);--blur-lg:blur(18px);--xp-bar-max-width:30rem;--xp-bar-height:50px;--xp-track-bg:rgba(255, 255, 255, 0.07);--xp-fill:linear-gradient(90deg, #00c8f0 0%, #00f0c8 50%, #00ffa2 100%);--xp-glow:0 0 10px rgba(0, 242, 255, 0.45);--transition-fast:0.18s ease;--transition-mid:0.25s ease;--transition-slow:0.6s ease}body,html{margin:0;padding:0;min-height:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{position:relative;font-family:var(--font-body);font-size:clamp(1rem, .95rem + .25vw, 1.08rem);line-height:1.75;color:var(--text);background:var(--bg);padding:0;margin:0;-webkit-font-smoothing:antialiased}::selection{background:rgba(0,210,241,.2);color:#fff}.fancy-message,.fancy-text,.label,.modal-description,.question-text,input,li,p{font-size:inherit}p{color:var(--text)!important;font-size:15.5px;line-height:1.78;margin-bottom:15px}p *{color:inherit!important;-webkit-text-fill-color:inherit!important}strong{color:var(--text-bright)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#00d2f1!important;margin-top:0;line-height:1.2;letter-spacing:-.02em}body::before{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(circle 1000px at 12% -8%,rgba(0,210,241,.1) 0,rgba(0,210,241,.03) 42%,transparent 100%),radial-gradient(circle 900px at 110% 8%,rgba(0,210,241,.07) 0,rgba(0,210,241,.02) 48%,transparent 100%),linear-gradient(180deg,#0b1120 0,#0b1120 100%);background-attachment:fixed}body::after{content:'';inset:0;pointer-events:none;background:conic-gradient(from 180deg at 50% 50%,rgba(0,210,241,.02) 0deg,rgba(0,210,241,.025) 120deg,rgba(0,210,241,.02) 240deg,rgba(0,210,241,.02) 360deg);mix-blend-mode:screen;opacity:.15;filter:blur(80px);content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;mix-blend-mode:screen;opacity:.25;filter:blur(.6px)}@keyframes auroraShift{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(5deg) scale(1.05)}}.footer-section{margin:48px 0;text-align:center}.next-up-button{display:inline-block;font-size:15px;padding:14px 36px;font-weight:700;font-family:var(--font-body);background:var(--cyan);color:#000;text-decoration:none;border-radius:10px;box-shadow:0 4px 18px rgba(0,210,241,.25);transition:.25s}.next-up-button:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,210,241,.35);color:#000}.scenario-box{width:min(100% - 32px,700px);margin:32px auto;border-radius:16px;overflow:hidden;background:rgba(8,17,28,.72);border:1px solid rgba(120,220,255,.1);box-shadow:0 8px 24px rgba(0,0,0,.22);color:var(--text,#cdd9e9)}.scenario-toggle{display:block;width:100%;margin:0;padding:16px 20px;border:0;appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.02);color:var(--text-bright,#eaf9ff);font-family:var(--font-body);font-weight:700;font-size:15px;text-align:center;cursor:pointer;transition:background .2s,color .2s}.scenario-toggle:hover{background:rgba(255,255,255,.04);color:#fff}.scenario-content{max-height:0;opacity:0;overflow:hidden;border-top:1px solid rgba(120,220,255,.08);padding:0 24px;text-align:center!important;transition:max-height .5s cubic-bezier(.25, 1, .3, 1),opacity .4s,padding .3s}.scenario-content.show{max-height:800px;opacity:1;padding:24px}.scenario-content p{font-size:14.5px;text-align:center}.tir-canvas-wrapper{width:100%;max-width:500px;margin:0 auto;background:radial-gradient(circle at center,#046,#001f33);border-radius:16px;box-shadow:0 0 12px rgba(0,210,241,.3);padding:10px}canvas#tirCanvas{width:100%;height:auto;border-radius:12px}.tir-fancy-box{display:none;position:relative;width:min(100%,var(--content-w));margin:20px auto 0;padding:22px 26px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),linear-gradient(135deg,rgba(5,18,30,.88),rgba(3,10,18,.78));border:1px solid var(--border);box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 20px rgba(0,180,255,.08);color:rgba(215,235,245,.88);animation:.4s ease-out fadeInBox;overflow:hidden}.tir-fancy-box::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}.tir-fancy-box p{margin:0;color:var(--text-bright)!important;font-size:15px;text-align:center}@keyframes fadeInBox{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comparison-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:1rem}.comparison-table table{width:100%;table-layout:fixed;border-collapse:collapse;word-break:break-word;background-color:rgba(255,255,255,.03);border-radius:12px;overflow:hidden;box-shadow:0 0 20px rgba(0,210,241,.1);margin:0 auto;min-width:800px}.comparison-table td,.comparison-table th{padding:16px;text-align:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);font-size:1rem;white-space:normal}.comparison-table th{background-color:rgba(0,210,241,.08);font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.comparison-table tr:last-child td{border-bottom:none}.comparison-table code{color:#f0f0f0;background-color:rgba(255,255,255,.08);padding:2px 6px;border-radius:4px;font-family:monospace}.section-box{max-width:1500px!important;width:100%}.dragdrop-quiz-section{padding:2rem 1rem;border-radius:1rem;margin-top:3rem}.drop-target{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:1rem;border:2px dashed rgba(255,255,255,.5);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,0,0,.1));transition:background .3s,border-color .3s;box-shadow:0 0 10px rgba(0,0,0,.15);color:#fff}.drop-target.hovered{border-color:#fff;color:#fff;background:linear-gradient(135deg,rgba(0,210,241,.2),rgba(0,150,200,.1))}.examples-box{margin-top:1rem;gap:.5rem;flex-wrap:wrap}.draggable{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;font-size:.85rem;font-weight:600;padding:6px 10px;border-radius:8px;cursor:grab;user-select:none;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:transform .2s}.draggable:hover{transform:scale(1.05)}@media (max-width:768px){.drop-target{width:100%}.examples-box{justify-content:center}canvas{height:150px!important;aspect-ratio:2/1}}.quiz-info-container{position:absolute;top:0;right:0;margin:1rem}.example-group{display:flex;flex-direction:column;align-items:flex-start;background:rgba(255,255,255,.05);padding:1rem;border-radius:12px;min-width:220px;max-width:280px;gap:.4rem;box-shadow:0 0 8px rgba(0,0,0,.2)}.drop-correct{background:linear-gradient(135deg,rgba(0,200,100,.25),rgba(0,255,150,.2));border-color:rgba(0,255,150,.8)}.drop-wrong{background:linear-gradient(135deg,rgba(255,50,50,.25),rgba(255,0,0,.2));border-color:rgba(255,80,80,.8)}.info-popup i.fa{margin-right:.5rem;color:gold}.math-problem-box{position:relative;width:min(100% - 32px,700px);margin:40px auto;padding:28px 22px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01)),linear-gradient(135deg,rgba(5,18,30,.88),rgba(3,10,18,.78));border:1px solid rgba(120,220,255,.12);box-shadow:0 8px 24px rgba(0,0,0,.28)}.math-problem-header{text-align:center;margin-bottom:28px}.input-container{margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:6px}.input-field{padding:8px 16px;border-radius:8px;border:1px solid #00d2f1;background-color:#132a3c;color:#e0f7fa;width:250px;text-align:center}.simulation-box{width:100%;max-width:800px;height:200px;margin:0 auto;border-radius:12px;overflow:hidden;background:radial-gradient(circle,#3e88a5 30%,#021e2c);position:relative}.info-button-wrapper{display:flex;align-items:center;justify-content:center;padding-bottom:5px}.info-btn{background:0 0;border:none;padding:4px;margin:0;font-size:1.4rem;color:#00d2f1;display:flex;align-items:center;justify-content:center;transition:.2s}.physiworld-title:hover{color:#00d2f1;text-shadow:0 0 6px rgba(0,255,255,.5)}.info-btn:hover{color:#00d2f1;text-shadow:0 0 6px rgba(0,255,255,.5);transform:scale(1.2)}.info-btn i{line-height:1;vertical-align:middle;transform:translateY(1px)}@media (max-width:576px){.info-button-wrapper{margin-left:4px}.info-btn{font-size:1.2rem;padding:2px}}#info-box{text-align:center;max-width:800px}.info-btn-help{background:var(--cyan);border:none;color:#000;font-size:13px;font-weight:800;border-radius:50%;width:24px;height:24px;cursor:pointer;transition:transform .2s;display:inline-flex;align-items:center;justify-content:center}.info-btn-help:hover{transform:scale(1.1)}.info-container{position:relative;display:inline-flex;align-items:center}.info-popup{position:absolute;top:calc(100% + 8px);right:0;left:auto;transform:translateY(-4px);min-width:220px;max-width:320px;padding:12px 14px;background:rgba(10,20,35,.95);color:var(--text);border:1px solid var(--border-bright);border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.35);z-index:20;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility 0s linear .18s;font-size:13.5px}.info-popup .fancy-message{text-transform:none!important}.info-popup.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .18s,transform .18s,visibility}.info-popup.align-center{left:50%;right:auto;transform:translate(-50%,-4px)}.info-popup.align-center.show{transform:translate(-50%,0)}.formula-accent{font-size:clamp(.8rem, 4vw, 2.2rem);max-width:100%;overflow-x:auto;white-space:nowrap;margin:0 auto;padding-inline:8px;color:#aef6ff;text-shadow:0 0 6px rgba(0,210,241,.35),0 0 1px rgba(255,255,255,.25)}.formula-accent.gradient mjx-container .mjx-math{background:linear-gradient(90deg,#9ae6ff,#7cf7d4);-webkit-background-clip:text;background-clip:text;color:transparent!important}.formula-accent::-webkit-scrollbar{height:8px}.formula-accent::-webkit-scrollbar-thumb{background:rgba(0,210,241,.45);border-radius:999px}.xp-bar-right{margin-left:auto!important}.logout-btn{background:0 0;border:none;cursor:pointer;color:#00e5ff;font-size:1.6rem;transition:color .2s}.logout-btn:hover{color:#00faff}.site-footer{text-align:center;font-size:13px;color:var(--text-muted);padding:20px 10px;margin-top:40px;margin-bottom:60px}.site-footer p{margin:0}.reveal{opacity:0;transform:translateY(50px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}.fancy-subtitle,.fancy-title{color:var(--accent)}.check-answer{background:var(--cyan)}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.simulation-box canvas{animation:4s ease-in-out infinite floaty}.learn-popup{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:5000;backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .4s}.learn-popup.visible{opacity:1;pointer-events:auto}.learn-popup-content{background:rgba(8,20,30,.92);border:1.5px solid rgba(0,210,241,.35);border-radius:18px;box-shadow:0 0 35px rgba(0,210,241,.35);padding:30px 32px;color:#eaf8ff;font-family:'Plus Jakarta Sans',sans-serif;max-width:480px;width:90%;text-align:center;animation:.45s both fadeInUp;line-height:1.55}.learn-popup-content h3{font-size:1.5rem;color:#00e5ff;font-weight:700;margin-bottom:1rem;text-align:center}.learn-popup-content p{color:#b7cad8;font-size:.95rem;margin-bottom:1rem}.learn-popup-content strong{color:#00e5ff;font-weight:600}.learn-popup-content button{display:block;margin:1.3rem auto 0;background:linear-gradient(135deg,#00d2f1,#00ffa3);color:#05141d;font-weight:700;padding:9px 24px;border-radius:10px;border:none;cursor:pointer;font-size:.9rem;letter-spacing:.3px;transition:.25s}.learn-popup-content button:hover{transform:scale(1.05);box-shadow:0 0 18px rgba(0,255,200,.4)}@keyframes fadeInUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}footer{text-align:center;padding:24px 16px;border-top:1px solid rgba(120,220,255,.12);margin-top:40px}footer a{display:inline-block;font-family:'Baloo 2',sans-serif!important;font-size:clamp(1.15rem, 3vw, 1.45rem);line-height:1;text-decoration:none;margin-bottom:6px;background:linear-gradient(90deg,#00d2f1,#6ee7ff,#00d2f1);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(0,210,241,.12);animation:6s infinite footerGlow}footer p{font-size:12px;color:var(--text-muted);margin:0}@media (max-width:600px){footer{padding:20px 14px;margin-top:32px}footer a{font-size:1.05rem;margin-bottom:4px}footer p{font-size:11px}}