:root{--bg-primary: #191919;--bg-secondary: #242424;--bg-tertiary: #2f2f2f;--text-primary: #e6e6e6;--text-secondary: #8b8f9c;--accent: #b88a79;--accent-dim: #9e7870;--accent-glow: rgba(184, 138, 121, .28);--border: #2f2f2f;--border-light: #3a3a3a;--card-bg: #252525;--ui-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono-font: "Inter", ui-monospace, "SF Mono", "Cascadia Code", monospace;--site-max-width: 960px}[data-theme=light]{--bg-primary: #f0f0f0;--bg-secondary: #ffffff;--bg-tertiary: #e8e8e8;--text-primary: #1a1a1a;--text-secondary: #666666;--accent: #926b5d;--accent-dim: #74554a;--accent-glow: rgba(146, 107, 93, .18);--border: #d5d5d5;--border-light: #e0e0e0;--card-bg: #f2f2f2}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--ui-font);background-color:var(--bg-primary);background-image:radial-gradient(circle,#2a2a2a 1px,transparent 1px);background-size:20px 20px;color:var(--text-primary);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}[data-theme=light] body{background-image:radial-gradient(circle,#d5d5d5 1px,transparent 1px)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.site-header .logo{display:flex;align-items:center;gap:10px;font-family:var(--ui-font);font-size:15px;font-weight:600;color:var(--accent);text-shadow:0 0 12px var(--accent-glow);text-decoration:none}.site-header .logo svg,.site-header .logo .logo-svg{display:inline-block;width:28px;height:28px;flex-shrink:0;background-color:var(--text-secondary);mask-image:url(/img/logo-ae.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/img/logo-ae.svg);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.site-nav{display:flex;align-items:center;gap:4px}.site-nav a{color:var(--text-secondary);text-decoration:none;padding:6px 14px;border-radius:6px;font-size:14px;font-family:var(--ui-font);font-weight:500;transition:color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.site-nav a:first-child{color:var(--text-primary);font-weight:600}.site-nav a:hover{color:var(--text-primary);background:var(--bg-tertiary);transform:translateY(-1px)}.site-nav a.active{color:var(--accent);background:#c49a6c14}.btn-primary{background:var(--accent);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;font-family:var(--ui-font);cursor:pointer;text-decoration:none;display:inline-block;transition:background .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:#a88072;box-shadow:0 0 20px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-light);padding:8px 16px;border-radius:6px;font-size:13px;font-family:var(--ui-font);cursor:pointer;transition:background .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#3d3630;border-color:#544a40;box-shadow:0 0 12px #c49a6c1f;transform:translateY(-1px)}.btn-theme{background:none;border:1px solid var(--border-light);border-radius:6px;padding:6px 10px;font-size:14px;cursor:pointer;color:var(--text-secondary);transition:color .15s;margin-left:8px}.btn-theme:hover{color:var(--text-primary)}.btn-lang{background:none;border:1px solid var(--border-light);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer;color:var(--text-secondary);font-family:var(--ui-font);transition:color .15s,border-color .15s;margin-left:4px}.btn-lang:hover,.btn-lang.active{color:var(--accent);border-color:var(--accent)}.hero{display:flex;align-items:center;justify-content:center;gap:48px;padding:80px 48px;max-width:var(--site-max-width);margin:0 auto;min-height:70vh}.hero-left{flex:1;max-width:520px}.hero-logo img{width:200px;height:200px;display:block;filter:drop-shadow(0 0 16px var(--accent-glow)) brightness(1.12)}.hero-text h1{font-family:"Press Start 2P",var(--ui-font);font-size:32px;color:var(--accent);letter-spacing:2px;text-shadow:0 0 24px var(--accent-glow);margin-bottom:12px;line-height:1.4}.hero-text p{font-size:16px;color:var(--text-secondary);margin-bottom:24px;line-height:1.6;max-width:440px}.hero-text .btn-primary{font-size:16px;padding:14px 36px}.hero-right{flex-shrink:0}#hero-canvas{display:block;border-radius:12px;background:var(--card-bg);border:1px solid var(--border-light);height:300px;width:auto}@media(max-width:860px){.hero{flex-direction:column;padding:60px 24px;gap:40px;min-height:auto}.hero-left{max-width:100%}.hero-right{width:100%}#hero-canvas{width:100%;height:auto}}.about-hero{display:flex;align-items:center;gap:40px;margin-bottom:48px}.about-hero .hero-logo{flex-shrink:0}.about-hero-text h1{font-size:28px;font-weight:700;color:var(--accent);margin-bottom:12px}.about-hero-text .lead{font-size:16px;color:var(--text-secondary);line-height:1.65}@media(max-width:700px){.about-top{flex-direction:column;gap:24px}.about-toc{float:none;width:100%;margin:0 0 24px}.about-hero{flex-direction:column;text-align:center}.about-hero .hero-logo img{width:140px;height:140px}}#whatis-section{justify-content:center;text-align:center;background:#b88a790a;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:60px 32px 64px;margin-bottom:64px}#whatis-section .content-section-text{flex:none;max-width:720px}#whatis-section h2{text-align:center}#whatis-section p{font-size:16px;line-height:1.7}.video-placeholder{width:100%;max-width:720px;margin:0 auto 64px;aspect-ratio:16 / 9;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:15px}.video-placeholder .play-icon{width:64px;height:64px;border:2px solid var(--text-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;opacity:.6}.video-placeholder .play-icon:after{content:"";width:0;height:0;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent var(--text-secondary);margin-left:4px}.features{max-width:var(--site-max-width);margin:0 auto;padding:0 32px 80px}.features h2{text-align:center;font-size:22px;font-weight:600;color:var(--accent);margin-bottom:40px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.feature-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:10px;padding:28px 24px;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.feature-card:hover{border-color:var(--accent);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-2px)}.feature-card h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.5}.feature-card .feature-icon{width:56px;height:56px;margin-bottom:16px;border-radius:12px;background:var(--bg-tertiary);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .25s ease}.feature-card .feature-icon img{width:32px;height:32px;object-fit:contain;opacity:.7;filter:brightness(0) invert(1);transition:opacity .25s ease,filter .25s ease}.feature-card:hover .feature-icon{border-color:var(--accent)}.feature-card:hover .feature-icon img{opacity:1}.content-section{max-width:var(--site-max-width);margin:0 auto;padding:0 32px 80px;display:flex;align-items:center;gap:48px}.content-section.reverse{flex-direction:row-reverse}.content-section-text{flex:1}.content-section-text h2{font-size:22px;font-weight:600;color:var(--accent);margin-bottom:16px}.content-section-text p{font-size:15px;color:var(--text-secondary);line-height:1.7}.content-section-image{flex-shrink:0;width:420px;aspect-ratio:4 / 3;background:var(--card-bg);border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);font-size:13px;gap:16px;transition:border-color .25s ease;position:relative;overflow:hidden}.content-section-image:hover{border-color:var(--accent)}.content-section-image img{cursor:pointer}.content-section-image .img-icon{width:56px;height:56px;border:2px solid var(--border-light);border-radius:12px;display:flex;align-items:center;justify-content:center;opacity:.5}.content-section-image .img-icon:after{content:"";width:0;height:0;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent var(--text-secondary);margin-left:4px}.content-section-image .img-icon-ai:after{content:"AI";width:auto;height:auto;border:none;font-size:18px;font-weight:700;font-family:var(--mono-font);color:var(--accent);margin-left:0}.audience{max-width:var(--site-max-width);margin:0 auto;padding:0 32px 80px}.audience h2{text-align:center;font-size:22px;font-weight:600;color:var(--accent);margin-bottom:40px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.audience-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:10px;padding:32px 24px;text-align:center;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.audience-card:hover{border-color:var(--accent);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-2px)}.audience-card .audience-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;overflow:hidden}.audience-card .audience-icon img{width:28px;height:28px;object-fit:contain;opacity:.7;filter:brightness(0) invert(1);transition:opacity .25s ease,filter .25s ease}.audience-card:hover .audience-icon{border-color:var(--accent)}.audience-card:hover .audience-icon img{opacity:1}.audience-card h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.audience-card p{font-size:14px;color:var(--text-secondary);line-height:1.55}.final-cta{text-align:center;padding:0 32px 80px}.final-cta .processor-icon{position:relative;display:block;margin-bottom:40px}.final-cta .processor-icon img{display:inline-block;vertical-align:middle;animation:spin 24s linear infinite;filter:brightness(0) invert(.8) drop-shadow(0 0 6px var(--accent-glow));transition:filter .25s ease}.final-cta .processor-icon:hover img{animation-play-state:paused}.final-cta .processor-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);white-space:nowrap;background:var(--bg-tertiary);color:var(--text-primary);padding:6px 12px;border-radius:6px;font-size:13px;border:1px solid var(--border-light);transition:opacity .2s ease,visibility .2s ease;pointer-events:none}.final-cta .processor-icon:hover .processor-tooltip{visibility:visible;opacity:1}[data-theme=light] .final-cta .processor-icon img{filter:drop-shadow(0 0 6px var(--accent-glow))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.final-cta .btn-primary{font-size:17px;padding:16px 48px}@media(max-width:860px){.content-section{flex-direction:column;padding:0 24px 60px}.content-section.reverse{flex-direction:column}.content-section-image{width:100%}.audience-grid{grid-template-columns:1fr}}.about-toc{float:right;width:240px;margin:0 0 20px 32px;padding:16px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:8px}#why+hr{clear:right}.about-toc strong{display:block;font-size:14px;color:var(--text-primary);margin-bottom:8px;font-weight:600}.about-toc ul{list-style:none;padding:0;margin:0}.about-toc li{padding:3px 0;font-size:14px}.about-toc li:before{display:none}.about-toc a{color:var(--accent);text-decoration:none;transition:opacity .2s}.about-toc a:hover{opacity:.7;text-decoration:underline}.about-hr{border:none;border-top:1px solid var(--border);margin:32px 0}.site-content h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:14px}.site-content section p{margin-bottom:14px}.site-content section ul{list-style:none;padding:0}.site-content section li{font-size:14px;color:var(--text-secondary);padding:5px 0 5px 20px;position:relative;line-height:1.55}.site-content section li:before{content:"\2014";position:absolute;left:0;color:var(--accent)}.site-content section li strong{color:var(--text-primary);font-weight:600}.site-content a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;transition:opacity .2s}.site-content a:hover{opacity:.7}.site-content .btn-primary,.site-content .btn-primary:link,.site-content .btn-primary:visited{color:#fff;text-decoration:none}.site-content .btn-primary:hover{color:#fff;opacity:1}.about-contacts{list-style:none;padding:0;margin:0}.about-contacts li{padding:6px 0;font-size:15px;color:var(--text-primary)}.about-contacts li:before{display:none}.about-author{display:flex;gap:32px;align-items:flex-start}.about-author-text{flex:1}.about-author-photo{flex-shrink:0}.about-author-photo img{width:240px;height:auto;border-radius:12px;border:1px solid var(--border-light);display:block}@media(max-width:700px){.about-author{flex-direction:column}.about-author-photo img{width:100%;max-width:240px}}.curriculum-section{max-width:var(--site-max-width);margin:0 auto;padding:0 32px 80px}.curriculum-section h2{text-align:center;font-size:22px;font-weight:600;color:var(--accent);margin-bottom:32px}.curriculum-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.curriculum-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:8px;padding:14px 16px;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}.curriculum-card:hover{border-color:var(--accent);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-2px)}.curriculum-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--accent);color:#fff;border-radius:50%;font-size:10px;font-weight:700;font-family:var(--mono-font);margin-bottom:6px}.curriculum-card h3{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.curriculum-card p{font-size:12px;color:var(--text-secondary);line-height:1.45}@media(max-width:860px){.curriculum-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:480px){.curriculum-grid{grid-template-columns:1fr;gap:8px}}.lightbox{position:fixed;inset:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox.hidden{display:none}.lightbox img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 0 40px #00000080;object-fit:contain}.library-illustration{margin:24px 0;border-radius:12px;overflow:hidden;background:var(--card-bg);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;padding:24px;transition:border-color .25s ease}.library-illustration:hover{border-color:var(--accent)}.library-illustration img{max-width:100%;height:auto;display:block;border-radius:8px}.library-toc{background:var(--card-bg);border:1px solid var(--border-light);border-radius:8px;padding:20px 24px;margin-bottom:32px}.library-toc strong{display:block;font-size:14px;color:var(--text-primary);margin-bottom:12px;font-weight:600}.library-toc ul{list-style:none;padding:0;margin:0}.library-toc li{padding:5px 0;font-size:14px;color:var(--text-secondary)}.library-toc li:before{display:none}.library-toc a{color:var(--accent);text-decoration:none;transition:opacity .2s}.library-toc a:hover{opacity:.7;text-decoration:underline}.site-content{max-width:720px;margin:0 auto;padding:56px 32px 80px}.site-content h1{font-size:26px;font-weight:700;color:var(--accent);margin-bottom:12px}.site-content .lead{font-size:17px;color:var(--text-secondary);margin-bottom:40px;line-height:1.6}.help-toc{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:32px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border);border-radius:8px;font-size:13px}.help-toc a{color:var(--text-secondary);text-decoration:none;transition:color .2s;white-space:nowrap}.help-toc a:hover{color:var(--accent)}.help-toc a:before{content:"\2192  ";color:var(--accent-dim)}.help-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.help-table th,.help-table td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border)}.help-table th{background:var(--card-bg);font-weight:600;color:var(--text-primary)}.help-table td:first-child{font-family:Courier New,monospace;font-weight:600;color:var(--accent)}.help-table td:nth-child(2){font-family:Courier New,monospace}.help-table td:last-child code{background:var(--card-bg);padding:1px 5px;border-radius:3px;font-size:12px}.note{border-left:3px solid var(--accent);padding:8px 14px;margin:12px 0;background:var(--card-bg);border-radius:0 6px 6px 0;font-size:13px;color:var(--text-secondary)}.site-content pre{background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:12px 16px;overflow-x:auto;font-family:Courier New,monospace;font-size:12px;line-height:1.5;color:var(--text-primary)}.site-content code{font-family:Courier New,monospace;font-size:12px;background:var(--card-bg);padding:1px 4px;border-radius:3px}.site-content pre code{background:none;padding:0}.site-content section{margin-bottom:36px}.site-content h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.site-content p{font-size:15px;color:var(--text-secondary);line-height:1.65}.site-content ul{list-style:none;padding:0}.site-content li{font-size:14px;color:var(--text-secondary);padding:6px 0 6px 20px;position:relative;line-height:1.55}.site-content li:before{content:"\2014";position:absolute;left:0;color:var(--accent)}.site-footer{text-align:center;padding:40px 32px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:13px}.footer-tg-icon{filter:brightness(0) invert(1);opacity:.6;transition:opacity .2s}.footer-tg-icon:hover{opacity:1}[data-theme=light] .footer-tg-icon{filter:none;opacity:.55}[data-theme=light] .footer-tg-icon:hover{opacity:.85}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#544a40}.site-content img[src*="hint.png"],.site-content img[src*="delete.png"]{filter:brightness(0) invert(1)}[data-theme=light] .feature-icon img,[data-theme=light] .audience-icon img,[data-theme=light] .site-content img[src*="hint.png"],[data-theme=light] .site-content img[src*="delete.png"]{filter:none}@media(max-width:640px){html,body{font-size:14px}.site-header{padding:10px 16px;flex-wrap:wrap;gap:8px}.site-header .logo{font-size:13px;gap:6px}.site-header .logo img{width:28px;height:28px}.site-nav a{font-size:12px;padding:5px 8px}.btn-lang{padding:3px 8px;font-size:11px;margin-left:2px}.btn-theme{padding:4px 8px;font-size:12px;margin-left:4px}.hero{padding:40px 16px;min-height:auto}.hero-text h1{font-size:18px;letter-spacing:1px}.hero-text p{font-size:14px}.hero-text .btn-primary{font-size:14px;padding:12px 28px}.features{padding:0 16px 60px}.features h2{font-size:18px;margin-bottom:28px}.feature-card{padding:20px 18px}.feature-card h3{font-size:15px}.feature-card p{font-size:13px}.content-section{padding:0 16px 48px}.content-section-text h2{font-size:18px}.content-section-text p{font-size:14px}.audience{padding:0 16px 60px}.audience h2{font-size:18px;margin-bottom:28px}.audience-card{padding:24px 18px}.audience-card h3{font-size:15px}.audience-card p{font-size:13px}.final-cta{padding:0 16px 60px}.final-cta .btn-primary{font-size:15px;padding:14px 36px}.video-placeholder{margin:0 16px 48px;width:auto}.site-footer{padding:32px 16px}.site-content{padding:32px 16px 60px}.site-content h1{font-size:22px}.site-content h2{font-size:16px}.site-content p,.site-content .lead{font-size:14px}.site-content li{font-size:13px}.about-hero-text h1{font-size:20px}}
