@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root,[data-theme=dark]{--bg-color:#0b0f19;--bg-gradient:linear-gradient(135deg, #0b0f19 0%, #1a1525 100%);--surface-color:#ffffff08;--surface-border:#ffffff14;--surface-hover:#ffffff0f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--navbar-bg:#0b0f19e0;--accent-primary:#8b5cf6;--accent-hover:#7c3aed;--accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--content-text:#ffffffe0;--alert-bg:#8b5cf61a;--toggle-bg:#ffffff1a;--toggle-icon:#f59e0b;--shadow-sm:0 4px 6px -1px #0003, 0 2px 4px -1px #0000001a;--shadow-md:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0003;--shadow-glow:0 0 20px #8b5cf64d;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}[data-theme=light]{--bg-color:#f1f5f9;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--surface-color:#fffc;--surface-border:#cbd5e1cc;--surface-hover:#fffffffa;--text-primary:#0f172a;--text-secondary:#475569;--navbar-bg:#ffffffe6;--accent-primary:#7c3aed;--accent-hover:#6d28d9;--accent-gradient:linear-gradient(135deg, #7c3aed 0%, #2563eb 100%);--content-text:#1e293b;--alert-bg:#7c3aed14;--toggle-bg:#0f172a0f;--toggle-icon:#6366f1;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-md:0 10px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--shadow-glow:0 0 20px #7c3aed33}html,body{width:100%;max-width:100vw;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}ul{list-style:none}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.navbar{z-index:100;border-bottom:1px solid var(--surface-border);background:var(--navbar-bg);-webkit-backdrop-filter:blur(16px);justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.nav-logo{white-space:nowrap;flex-shrink:0;align-items:center;gap:.5rem;font-size:1.35rem;font-weight:700;display:flex}.nav-right{flex-wrap:nowrap;align-items:center;gap:1.25rem;display:flex}.nav-links{white-space:nowrap;align-items:center;gap:1.25rem;display:flex}.nav-link{color:var(--text-secondary);white-space:nowrap;font-weight:500;transition:color .2s;display:inline-block}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.theme-toggle-btn{background:var(--toggle-bg);border:1px solid var(--surface-border);color:var(--text-primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.08)rotate(15deg)}.pwa-install-btn{border:1px solid var(--accent-primary);color:var(--accent-primary);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;background:#8b5cf626;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.pwa-install-btn:hover{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);border:none;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.hero{text-align:left;flex-direction:column;align-items:flex-start;gap:1.25rem;width:100%;padding:3rem 0 2rem;display:flex}.hero h1{word-break:normal;overflow-wrap:break-word;text-align:left;max-width:800px;font-size:clamp(1.8rem,4vw + 1rem,3.5rem);line-height:1.3}.hero p{color:var(--text-secondary);text-align:left;max-width:600px;font-size:clamp(.95rem,1.8vw + .5rem,1.2rem);line-height:1.6}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.subject-card{cursor:pointer;text-align:left;flex-direction:column;gap:.85rem;padding:1.75rem;transition:all .3s;display:flex}.subject-card:hover{background:var(--surface-hover);border-color:var(--accent-primary);transform:translateY(-4px)}.subject-icon{width:44px;height:44px;color:var(--accent-primary);background:#8b5cf61f;border-radius:12px;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.subject-card h3{font-size:1.35rem}.subject-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.5}.topic-list{flex-direction:column;gap:.85rem;margin-top:1.5rem;display:flex}.topic-item{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.topic-item:hover{background:var(--surface-hover);border-color:var(--accent-primary)}.topic-item-left{align-items:center;gap:.85rem;display:flex}.topic-number{color:var(--accent-primary);opacity:.9;min-width:26px;font-size:1.1rem;font-weight:700}.topic-title{overflow-wrap:break-word;font-size:1.05rem;font-weight:500}.topic-card-container{margin-top:1rem;padding:2.5rem}.content-header{border-bottom:1px solid var(--surface-border);margin-bottom:2rem;padding-bottom:1.5rem}.content-header h1{overflow-wrap:break-word;margin-bottom:.5rem;font-size:clamp(1.5rem,3.5vw,2.5rem);line-height:1.3}.breadcrumb{color:var(--text-secondary);flex-wrap:wrap;gap:.4rem .6rem;margin-bottom:1rem;font-size:.88rem;line-height:1.5;display:flex}.breadcrumb a:hover{color:var(--accent-primary)}.content-body{color:var(--content-text);overflow-wrap:break-word;word-break:break-word;font-size:1.05rem;line-height:1.75}.content-body h2{color:var(--text-primary);overflow-wrap:break-word;margin:2rem 0 1rem;font-size:clamp(1.25rem,2.8vw,1.75rem)}.content-body h3{color:var(--text-primary);overflow-wrap:break-word;margin:1.5rem 0 .85rem;font-size:clamp(1.1rem,2.3vw,1.35rem)}.content-body p{margin-bottom:1.25rem}.content-body ul,.content-body ol{margin-bottom:1.25rem;margin-left:1.25rem}.content-body li{margin-bottom:.5rem}.content-body table{border-collapse:collapse;width:100%;margin:1.5rem 0;display:block;overflow-x:auto}.content-body code,.content-body pre{max-width:100%;overflow-x:auto}.alert-box{background:var(--alert-bg);border-left:4px solid var(--accent-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:1.5rem 0;padding:1rem 1.25rem;overflow-x:auto}.alert-box strong{color:var(--accent-primary);margin-bottom:.5rem;display:block}.geo-diagram-container{background:var(--surface-color);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;margin:1.5rem 0;padding:1.25rem;transition:all .3s;display:flex}.geo-diagram-container:hover{border-color:#8b5cf666;box-shadow:0 4px 20px #8b5cf626}.geo-diagram-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;width:100%;margin:1.5rem 0;display:grid}.geo-diagram-container svg{max-width:100%;height:auto;overflow:visible}.geo-diagram-caption{color:var(--text-secondary);text-align:center;margin-top:.75rem;font-size:.9rem;font-weight:600}.back-btn{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-weight:500;transition:color .2s;display:inline-flex}.back-btn:hover{color:var(--text-primary)}@media (width<=640px){.navbar{padding:.65rem .5rem}.nav-logo{gap:.35rem;font-size:1.1rem}.nav-logo svg{width:24px;height:24px}.nav-right{gap:.6rem}.nav-links{gap:.65rem}.nav-link{white-space:nowrap;font-size:.82rem}.theme-toggle-btn{width:35px;min-width:35px;height:35px}.theme-toggle-btn svg{width:17px;height:17px}.pwa-install-btn{padding:.3rem .55rem;font-size:.78rem}.pwa-install-btn span{display:none}.main-content{padding:1rem .85rem}.hero{gap:.85rem;padding:1.5rem 0 1rem}.hero h1{padding:0 .25rem;font-size:clamp(1.4rem,5.5vw,2.2rem);line-height:1.3}.hero p{padding:0 .25rem;font-size:.95rem;line-height:1.5}.btn-primary{padding:.65rem 1.25rem;font-size:.92rem}.subject-grid{grid-template-columns:1fr;gap:1rem}.subject-card{padding:1.15rem 1.25rem}.topic-card-container{border-radius:var(--radius-md);padding:1.15rem 1rem}.topic-item{padding:.9rem 1rem}.topic-number{min-width:20px;font-size:.95rem}.topic-title{font-size:.95rem}.alert-box{padding:.85rem 1rem}}@media (width<=380px){.nav-logo span span{display:inline}.nav-logo{font-size:1rem}.nav-links{gap:.5rem}.nav-link{font-size:.78rem}.main-content{padding:.85rem .65rem}.topic-card-container{padding:.85rem}}