:root{--bg-main:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--accent-primary:#0284c7;--accent-primary-hover:#0369a1;--accent-primary-light:#e0f2fe;--border-color:#e2e8f0;--border-color-light:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #00000005;--shadow-glass:0 8px 32px #0f172a14;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--font-ui:"Times New Roman", Times, serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-math:"Times New Roman", Times, serif;--header-height:72px;--container-max:1400px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background-color:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}ul{list-style:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.math-text{font-family:var(--font-math);letter-spacing:.5px;font-style:italic;font-weight:400}.bg-vectors{pointer-events:none;z-index:-1;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.math-vector{color:var(--text-tertiary);opacity:.05;position:absolute}.shape-circle{width:400px;height:400px;top:10%;right:-5%}.shape-triangle{width:500px;height:500px;bottom:-10%;left:-5%}.symbol-pi{opacity:.04;font-size:140px;top:20%;left:8%;transform:rotate(-15deg)}.symbol-integral{opacity:.03;font-size:200px;top:10%;right:20%;transform:rotate(10deg)}.symbol-sigma{opacity:.04;font-size:160px;bottom:15%;right:10%;transform:rotate(5deg)}.symbol-infinity{opacity:.03;font-size:220px;top:35%;left:35%;transform:rotate(-10deg)}.symbol-alpha{opacity:.04;font-size:130px;top:65%;left:12%;transform:rotate(15deg)}.symbol-beta{opacity:.04;font-size:120px;bottom:10%;left:40%;transform:rotate(-8deg)}.symbol-phi{opacity:.04;font-size:150px;top:45%;right:15%;transform:rotate(5deg)}.symbol-theta{opacity:.04;font-size:130px;top:75%;right:40%;transform:rotate(20deg)}.header{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);height:var(--header-height);background-color:#ffffffd9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.logo-icon-wrap{background:var(--accent-primary-light);border-radius:var(--radius-md);width:36px;height:36px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.logo-icon{width:20px;height:20px}.header-search{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);transition:var(--transition-smooth);flex:0 500px;align-items:center;padding:8px 16px;display:flex;position:relative}.header-search:focus-within{border-color:var(--accent-primary);background:var(--bg-main);box-shadow:0 0 0 3px #0284c71a}.search-icon{color:var(--text-tertiary);width:18px;height:18px;margin-right:12px}.header-search input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:14px}.header-search input::placeholder{color:var(--text-tertiary)}.search-kbd{align-items:center;gap:4px;display:flex}kbd{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px;font-weight:500}.header-actions{align-items:center;gap:16px;display:flex}.dropdown{position:relative}.dropdown-trigger{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-fast);align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.dropdown-trigger i{width:16px;height:16px}.dropdown-trigger:hover,.dropdown-trigger[aria-expanded=true]{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-arrow{transition:transform var(--transition-fast)}.dropdown-trigger[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);opacity:0;visibility:hidden;width:160px;transition:all var(--transition-fast);z-index:100;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px)}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{text-align:left;color:var(--text-secondary);transition:var(--transition-fast);border-radius:4px;padding:8px 12px;font-size:14px}.dropdown-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.dropdown-item.active{background:var(--accent-primary-light);color:var(--accent-primary);font-weight:500}.btn-primary{background:var(--accent-primary);color:#fff;border-radius:var(--radius-full);transition:var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 2px 4px #0284c733}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0284c74d}.btn-primary i{width:16px;height:16px}.btn-outline{color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:500;display:inline-flex}.btn-outline:hover{background:var(--bg-tertiary);border-color:#cbd5e1}.btn-lg{padding:12px 24px;font-size:15px}.mobile-menu-btn{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:8px;display:none}.mobile-menu-btn.active{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:0 2px 8px #0000001a}.mobile-nav{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-md);background:#fffffff2;padding:16px 0;display:none;position:absolute;top:100%;left:0}.mobile-nav.open{animation:.2s ease-out slideDown;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-inner{flex-direction:column;gap:16px;display:flex}.mobile-search{width:100%;flex:none!important;display:flex!important}.mobile-actions{flex-direction:column;gap:12px;display:flex}.mobile-nav-btn{justify-content:center;width:100%}.main-content{padding-top:48px;padding-bottom:80px}.hero-section{background:var(--bg-main);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:64px;padding:48px;display:grid;position:relative;overflow:hidden}.hero-section:before{content:"";background-image:linear-gradient(var(--border-color) 1px, transparent 1px), linear-gradient(90deg, var(--border-color) 1px, transparent 1px);opacity:.3;pointer-events:none;z-index:0;background-position:50%;background-size:40px 40px;position:absolute;inset:0}.hero-content,.hero-visual{z-index:1}.badge{background:var(--accent-primary-light);color:var(--accent-primary);border-radius:var(--radius-full);letter-spacing:.5px;text-transform:uppercase;margin-bottom:24px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.hero-title{color:var(--text-primary);letter-spacing:-1px;margin-bottom:20px;font-size:40px;font-weight:800;line-height:1.15}.hero-desc{color:var(--text-secondary);margin-bottom:32px;font-size:18px;line-height:1.6}.hero-actions{gap:16px;display:flex}.featured-video{aspect-ratio:16/9;border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border-color);background:#0f172a;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.euler-graphic{color:#ffffff1a;width:100%;max-width:300px;height:100%}.play-btn-large{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;width:64px;height:64px;transition:var(--transition-smooth);background:#fff3;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.play-btn-large i{width:32px;height:32px;margin-left:4px}.featured-video:hover .play-btn-large{background:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.1)}.point-euler,.path-euler{animation:4s ease-in-out infinite alternate drawMath}@keyframes drawMath{0%{stroke-dasharray:0 400;stroke-dashoffset:0}to{stroke-dasharray:400 0;stroke-dashoffset:0}}.topics-filter{scrollbar-width:none;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex;overflow-x:auto}.topics-filter::-webkit-scrollbar{display:none}.topic-btn{white-space:nowrap;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);transition:var(--transition-fast);padding:8px 16px;font-size:14px;font-weight:500}.topic-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.topic-btn.active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px 24px;display:grid}.video-card{cursor:pointer;group:true;flex-direction:column;gap:12px;display:flex}.thumbnail{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-color-light);width:100%;position:relative;overflow:hidden}.thumbnail-placeholder{width:100%;height:100%;transition:transform var(--transition-smooth);justify-content:center;align-items:center;display:flex}.thumb-svg{opacity:.8;width:50%;height:50%}.duration{color:#fff;letter-spacing:.5px;z-index:2;background:#0f172acc;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600;position:absolute;bottom:8px;right:8px}.hover-overlay{opacity:0;transition:opacity var(--transition-fast);z-index:1;background:#0003;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hover-overlay i{color:#fff;filter:drop-shadow(0 4px 6px #0000004d);width:48px;height:48px;transition:transform var(--transition-smooth);transform:scale(.8)}.video-card:hover .thumbnail-placeholder{transform:scale(1.05)}.video-card:hover .hover-overlay{opacity:1}.video-card:hover .hover-overlay i{transform:scale(1)}.video-info{align-items:flex-start;gap:12px;display:flex}.creator-avatar{background:var(--accent-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.video-meta{flex-direction:column;gap:4px;display:flex}.video-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.creator-name{color:var(--text-secondary);font-size:14px;font-weight:500}.video-stats{color:var(--text-tertiary);font-size:13px}.footer{background:var(--bg-main);border-top:1px solid var(--border-color);margin-top:64px;padding:64px 0 32px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:48px;display:flex}.footer-brand{max-width:300px}.footer-logo{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:20px;font-weight:700;display:flex}.footer-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.footer-links{flex-wrap:wrap;gap:64px;display:flex}.link-group h4{color:var(--text-primary);margin-bottom:16px;font-size:14px;font-weight:600}.link-group a{color:var(--text-secondary);transition:color var(--transition-fast);margin-bottom:12px;font-size:14px;display:block}.link-group a:hover{color:var(--accent-primary)}@media (width<=1024px){.hero-section{grid-template-columns:1fr;gap:32px;padding:32px}}@media (width<=768px){.header-actions,.header-inner .header-search{display:none}.mobile-menu-btn{display:block}.hero-title{font-size:32px}.video-grid{grid-template-columns:1fr}}