{"id":900,"date":"2025-11-06T18:36:15","date_gmt":"2025-11-06T15:36:15","guid":{"rendered":"http:\/\/bantv.ru\/?page_id=900"},"modified":"2026-02-17T22:17:37","modified_gmt":"2026-02-17T19:17:37","slug":"%d0%b0%d0%ba%d0%b0%d0%b4%d0%b5%d0%bc%d0%b8%d1%8f-bantv","status":"publish","type":"page","link":"https:\/\/bantv.ru\/?page_id=900","title":{"rendered":"\u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044f BanTV"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044f BanTV \u2022 \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u0442\u0432\u0443<\/title>\r\n <style>\r\n :root {\r\n --glass-bg: rgba(255,255,255,0.135);\r\n --glass-border: rgba(255,255,255,0.38);\r\n --glass-glow: 0 0 52px rgba(255,140,60,0.45);\r\n --blur: blur(36px) saturate(195%) contrast(125%);\r\n --text-primary: #f0f0f5;\r\n --text-muted: #bbbbd0;\r\n --accent-gradient: linear-gradient(90deg,#ff6a00,#ff3d00,#ffb86b);\r\n --radius: 26px;\r\n }\r\n\r\n html[data-theme=\"light\"] {\r\n --glass-bg: rgba(255,255,255,0.92);\r\n --glass-border: rgba(0,0,0,0.12);\r\n --glass-glow: 0 0 40px rgba(255,140,60,0.25);\r\n --blur: blur(28px) saturate(160%) contrast(110%);\r\n --text-primary: #111214;\r\n --text-muted: #555;\r\n --accent-gradient: linear-gradient(90deg,#ff8a30,#ff4d20,#ffaa60);\r\n }\r\n\r\n * { margin:0; padding:0; box-sizing:border-box; }\r\n html { scroll-behavior:smooth; }\r\n body {\r\n font-family:'Inter',system-ui,sans-serif;\r\n background:linear-gradient(135deg,#0f0f1e 0%,#1a1a2e 50%,#0f0f1e 100%);\r\n background-size:400% 400%;\r\n animation:gradientMove 18s ease infinite;\r\n color:var(--text-primary);\r\n min-height:100vh;\r\n overflow-x:hidden;\r\n padding-bottom:120px;\r\n }\r\n @keyframes gradientMove { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }\r\n\r\n \/* Liquid Glass *\/\r\n .liquid-glass {\r\n background:var(--glass-bg);\r\n border:1px solid var(--glass-border);\r\n border-radius:var(--radius);\r\n backdrop-filter:var(--blur);\r\n -webkit-backdrop-filter:var(--blur);\r\n box-shadow:var(--glass-glow),inset 0 4px 0 rgba(255,255,255,0.45);\r\n transition:all .45s cubic-bezier(0.23,1,0.32,1);\r\n }\r\n .liquid-glass:hover { transform:translateY(-14px) scale(1.022); box-shadow:0 36px 80px rgba(255,120,0,.35); }\r\n\r\n \/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u0432 *\/\r\n .title-glow { animation:titleGlow 5.2s ease-in-out infinite; }\r\n @keyframes titleGlow { 0%,100%{text-shadow:0 0 22px rgba(255,140,60,.7)} 50%{text-shadow:0 0 55px rgba(255,140,60,1)} }\r\n\r\n \/* \u041e\u0440\u0431\u044b *\/\r\n .orb {\r\n position:absolute; border-radius:50%; filter:blur(98px); opacity:.84; pointer-events:none; z-index:0;\r\n }\r\n .orb1 { width:720px; height:720px; background:radial-gradient(circle,#ff9a9e,transparent); top:-25%; left:-18%; animation:floatOrb 23s infinite ease-in-out; }\r\n .orb2 { width:860px; height:860px; background:radial-gradient(circle,#ffb86b,transparent); bottom:-28%; right:-20%; animation:floatOrb 26s infinite ease-in-out 5s; }\r\n .orb3 { width:540px; height:540px; background:radial-gradient(circle,#ff6a00,transparent); top:40%; left:52%; animation:floatOrb 19s infinite ease-in-out 11s; }\r\n @keyframes floatOrb { 0%,100%{transform:translate(0,0) rotate(0deg)} 50%{transform:translate(62px,78px) rotate(10deg)} }\r\n\r\n \/* \u041a\u043d\u043e\u043f\u043a\u0430 \u0431\u043e\u0442\u0430 *\/\r\n .bot-btn {\r\n display:inline-flex; align-items:center; gap:14px;\r\n background:var(--accent-gradient); color:#fff; font-weight:800; font-size:1.4rem;\r\n padding:20px 52px; border-radius:9999px; text-decoration:none;\r\n box-shadow:0 14px 40px rgba(255,90,0,.48); transition:all .35s; position:relative; overflow:hidden;\r\n }\r\n .bot-btn:hover { transform:translateY(-8px) scale(1.07); box-shadow:0 24px 60px rgba(255,90,0,.65); }\r\n\r\n \/* \u041e\u0431\u0449\u0438\u0435 \u0441\u0442\u0438\u043b\u0438 *\/\r\n section { padding:120px 5% 100px; position:relative; z-index:2; }\r\n .section-title { text-align:center; font-size:3.1rem; font-weight:800; margin-bottom:80px; color:var(--text-primary); }\r\n\r\n .theory-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:28px; max-width:1280px; margin:0 auto; }\r\n .theory-card { padding:32px 26px; text-align:center; cursor:pointer; height:100%; }\r\n\r\n \/* \u0422\u0435\u0441\u0442 *\/\r\n .quiz-wrapper { max-width:820px; margin:80px auto 0; }\r\n .progress-container { height:8px; background:rgba(255,255,255,.15); border-radius:9999px; overflow:hidden; margin-bottom:40px; }\r\n .progress-bar { height:100%; background:var(--accent-gradient); width:0%; transition:width .6s cubic-bezier(0.34,1.56,0.64,1); }\r\n\r\n .option-btn {\r\n padding:22px 28px; background:rgba(255,255,255,.65); border-radius:18px;\r\n font-size:1.15rem; text-align:left; cursor:pointer; transition:all .3s;\r\n }\r\n .option-btn:hover { transform:translateX(12px); }\r\n .option-btn.correct { border:2px solid #22c55e; background:rgba(34,197,94,.25); }\r\n .option-btn.wrong { border:2px solid #ef4444; background:rgba(239,68,68,.2); }\r\n\r\n \/* \u041c\u043e\u0434\u0430\u043b *\/\r\n #theoryModal {\r\n position:fixed; inset:0; background:rgba(10,10,20,.9); backdrop-filter:blur(22px);\r\n z-index:20000; display:none; align-items:center; justify-content:center; padding:20px;\r\n }\r\n .modal-content {\r\n max-width:720px; width:100%; background:var(--glass-bg); border:1px solid var(--glass-border);\r\n border-radius:var(--radius); padding:48px 42px; box-shadow:0 40px 90px rgba(0,0,0,.6);\r\n }\r\n .modal-close {\r\n position:absolute; top:22px; right:22px; font-size:32px; cursor:pointer; color:#fff;\r\n width:44px; height:44px; display:flex; align-items:center; justify-content:center;\r\n border-radius:50%; background:rgba(0,0,0,.4);\r\n }\r\n\r\n \/* Toggle *\/\r\n .theme-toggle {\r\n position:fixed; top:30px; right:30px; width:52px; height:52px;\r\n background:var(--glass-bg); border:1px solid var(--glass-border); border-radius:50%;\r\n display:flex; align-items:center; justify-content:center; font-size:24px; cursor:pointer;\r\n z-index:100; backdrop-filter:var(--blur); box-shadow:var(--glass-glow);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<button class=\"theme-toggle liquid-glass\" id=\"themeToggle\" aria-label=\"\u0421\u043c\u0435\u043d\u0438\u0442\u044c \u0442\u0435\u043c\u0443\">\u2600\ufe0f<\/button>\r\n\r\n<!-- HERO -->\r\n<section id=\"hero\">\r\n <div class=\"orb orb1\"><\/div>\r\n <div class=\"orb orb2\"><\/div>\r\n <div class=\"orb orb3\"><\/div>\r\n <div class=\"liquid-glass\" style=\"max-width:980px;margin:0 auto;padding:70px 40px;text-align:center;position:relative;z-index:2;\">\r\n <h1 class=\"title-glow\" style=\"font-size:clamp(3.2rem,8vw,6.4rem);font-weight:900;line-height:1.05;margin-bottom:24px;\">\u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044f BanTV<\/h1>\r\n <p style=\"font-size:1.48rem;max-width:760px;margin:0 auto 48px;color:var(--text-muted);\">\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0441\u044a\u0451\u043c\u043a\u0435, 3D-\u043c\u043e\u0434\u0435\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e, \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e \u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u043c\u0435\u0434\u0438\u0430-\u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430.<br>\u0421\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u043b\u0438 \u0441 \u0436\u0438\u0432\u044b\u043c \u043c\u0435\u043d\u0442\u043e\u0440\u043e\u043c.<\/p>\r\n <a href=\"https:\/\/t.me\/BanTVAcademyBot\" target=\"_blank\" class=\"bot-btn\">\ud83d\ude80 \u041d\u0430\u0447\u0430\u0442\u044c \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0432 \u0431\u043e\u0442\u0435<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ABOUT -->\r\n<section id=\"about\">\r\n <div class=\"section-title title-glow\">\u041a\u0442\u043e \u043c\u044b \u0438 \u0447\u0442\u043e \u043c\u044b<\/div>\r\n <div class=\"liquid-glass\" style=\"max-width:1100px;margin:0 auto;padding:62px 52px;text-align:center;\">\r\n <h2 style=\"font-size:2.2rem;margin-bottom:32px;\">\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0443\u0434\u0438\u044f BanTV \u0434\u0435\u043b\u0438\u0442\u0441\u044f \u043e\u043f\u044b\u0442\u043e\u043c \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/h2>\r\n <p style=\"font-size:1.28rem;line-height:1.78;color:var(--text-muted);max-width:820px;margin:0 auto;\">\u0417\u0430 5+ \u043b\u0435\u0442 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0441\u043e\u0442\u043d\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432. \u0422\u0435\u043f\u0435\u0440\u044c \u0432\u0435\u0441\u044c \u043d\u0430\u0448 \u043e\u043f\u044b\u0442 \u2014 \u0434\u043b\u044f \u0442\u0435\u0431\u044f. \u041a\u0443\u0440\u0441\u044b \u043e\u0442 \u043d\u0443\u043b\u044f \u0434\u043e \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- COURSES -->\r\n<section id=\"courses\">\r\n <div class=\"section-title title-glow\">\u0412\u044b\u0431\u0435\u0440\u0438 \u0441\u0432\u043e\u0439 \u043a\u0443\u0440\u0441<\/div>\r\n <div class=\"theory-grid\">\r\n <div class=\"liquid-glass course-card\" style=\"padding:38px 28px;text-align:center;\">\r\n <div style=\"font-size:74px;margin-bottom:20px;\">\ud83c\udf00<\/div>\r\n <h3 style=\"font-size:1.7rem;margin-bottom:16px;\">\u041e\u0441\u043d\u043e\u0432\u044b Blender<\/h3>\r\n <p style=\"color:var(--text-muted);\">3D-\u043c\u043e\u0434\u0435\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f<\/p>\r\n <a href=\"https:\/\/t.me\/BanTVAcademyBot\" target=\"_blank\" class=\"bot-btn\" style=\"margin-top:28px;font-size:1.05rem;padding:14px 34px;\">\u041d\u0430\u0447\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"liquid-glass course-card\" style=\"padding:38px 28px;text-align:center;\">\r\n <div style=\"font-size:74px;margin-bottom:20px;\">\ud83d\udc65<\/div>\r\n <h3 style=\"font-size:1.7rem;margin-bottom:16px;\">\u041a\u0442\u043e \u043c\u044b \u0438 \u0447\u0442\u043e \u043c\u044b<\/h3>\r\n <p style=\"color:var(--text-muted);\">\u041f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u044c\u0441\u044f \u0441 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 BanTV<\/p>\r\n <a href=\"https:\/\/t.me\/BanTVAcademyBot\" target=\"_blank\" class=\"bot-btn\" style=\"margin-top:28px;font-size:1.05rem;padding:14px 34px;\">\u041f\u043e\u0437\u043d\u0430\u043a\u043e\u043c\u0438\u0442\u044c\u0441\u044f<\/a>\r\n <\/div>\r\n <div class=\"liquid-glass course-card\" style=\"padding:38px 28px;text-align:center;\">\r\n <div style=\"font-size:74px;margin-bottom:20px;\">\ud83c\udfa5<\/div>\r\n <h3 style=\"font-size:1.7rem;margin-bottom:16px;\">\u0421\u044a\u0451\u043c\u043e\u0447\u043d\u044b\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441<\/h3>\r\n <a href=\"https:\/\/t.me\/BanTVAcademyBot\" target=\"_blank\" class=\"bot-btn\" style=\"margin-top:28px;font-size:1.05rem;padding:14px 34px;\">\u041d\u0430\u0447\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"liquid-glass course-card\" style=\"padding:38px 28px;text-align:center;\">\r\n <div style=\"font-size:74px;margin-bottom:20px;\">\u2702\ufe0f<\/div>\r\n <h3 style=\"font-size:1.7rem;margin-bottom:16px;\">\u041c\u043e\u043d\u0442\u0430\u0436 \u0438 \u0446\u0432\u0435\u0442<\/h3>\r\n <a href=\"https:\/\/t.me\/BanTVAcademyBot\" target=\"_blank\" class=\"bot-btn\" style=\"margin-top:28px;font-size:1.05rem;padding:14px 34px;\">\u041d\u0430\u0447\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"liquid-glass course-card\" style=\"padding:38px 28px;text-align:center;\">\r\n <div style=\"font-size:74px;margin-bottom:20px;\">\ud83d\udcbb<\/div>\r\n <h3 style=\"font-size:1.7rem;margin-bottom:16px;\">\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u043a\u0440\u0435\u0430\u0442\u043e\u0440\u043e\u0432<\/h3>\r\n <a href=\"https:\/\/t.me\/BanTVAcademyBot\" target=\"_blank\" class=\"bot-btn\" style=\"margin-top:28px;font-size:1.05rem;padding:14px 34px;\">\u041d\u0430\u0447\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"liquid-glass course-card\" style=\"padding:38px 28px;text-align:center;\">\r\n <div style=\"font-size:74px;margin-bottom:20px;\">\ud83c\udf99\ufe0f<\/div>\r\n <h3 style=\"font-size:1.7rem;margin-bottom:16px;\">\u0421\u0430\u0443\u043d\u0434-\u0434\u0438\u0437\u0430\u0439\u043d<\/h3>\r\n <a href=\"https:\/\/t.me\/BanTVAcademyBot\" target=\"_blank\" class=\"bot-btn\" style=\"margin-top:28px;font-size:1.05rem;padding:14px 34px;\">\u041d\u0430\u0447\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- HOW IT WORKS -->\r\n<section id=\"how\" style=\"background:rgba(255,255,255,0.04);\">\r\n <div class=\"section-title title-glow\">\u041a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442<\/div>\r\n <div style=\"max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;\">\r\n <div class=\"liquid-glass\" style=\"padding:42px 32px;text-align:center;\">\r\n <div style=\"font-size:3rem;margin-bottom:16px;\">1\ufe0f\u20e3<\/div>\r\n <h3>\u0412\u044b\u0431\u0435\u0440\u0438 \u043a\u0443\u0440\u0441<\/h3>\r\n <p style=\"color:var(--text-muted);\">\u041f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0438 \u0432\u0441\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b<\/p>\r\n <\/div>\r\n <div class=\"liquid-glass\" style=\"padding:42px 32px;text-align:center;\">\r\n <div style=\"font-size:3rem;margin-bottom:16px;\">2\ufe0f\u20e3<\/div>\r\n <h3>\u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0441\u044c \u043a \u0431\u043e\u0442\u0443<\/h3>\r\n <p style=\"color:var(--text-muted);\">\u041d\u0430\u0436\u043c\u0438 \u043a\u043d\u043e\u043f\u043a\u0443 \u043d\u0438\u0436\u0435<\/p>\r\n <\/div>\r\n <div class=\"liquid-glass\" style=\"padding:42px 32px;text-align:center;\">\r\n <div style=\"font-size:3rem;margin-bottom:16px;\">3\ufe0f\u20e3<\/div>\r\n <h3>\u0423\u0447\u0438\u0441\u044c \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e<\/h3>\r\n <p style=\"color:var(--text-muted);\">\u0421\u0430\u043c \u0438\u043b\u0438 \u0441 \u043c\u0435\u043d\u0442\u043e\u0440\u043e\u043c<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- DEMO \u0423\u0420\u041e\u041a -->\r\n<section id=\"demo\">\r\n <div class=\"section-title title-glow\">\u041f\u0440\u043e\u0431\u043d\u044b\u0439 \u0443\u0440\u043e\u043a: \u041e\u0441\u043d\u043e\u0432\u044b Blender<\/div>\r\n\r\n <!-- \u0422\u0435\u043e\u0440\u0438\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 -->\r\n <div style=\"max-width:1280px;margin:0 auto 100px;\">\r\n <h3 style=\"text-align:center;font-size:2rem;margin-bottom:48px;color:var(--text-primary);\">\u0412\u044b\u0431\u0435\u0440\u0438 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0443 \u0438 \u043e\u0442\u043a\u0440\u043e\u0439 \u0442\u0435\u043e\u0440\u0438\u044e<\/h3>\r\n <div class=\"theory-grid\">\r\n <div class=\"liquid-glass theory-card\" data-modal=\"1\"><div style=\"font-size:74px;margin-bottom:20px;\">\ud83d\udda5\ufe0f<\/div><h3>\u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 Blender<\/h3><\/div>\r\n <div class=\"liquid-glass theory-card\" data-modal=\"2\"><div style=\"font-size:74px;margin-bottom:20px;\">\ud83d\udd79\ufe0f<\/div><h3>\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0432 3D<\/h3><\/div>\r\n <div class=\"liquid-glass theory-card\" data-modal=\"3\"><div style=\"font-size:74px;margin-bottom:20px;\">\ud83d\udce6<\/div><h3>\u041e\u0431\u044a\u0435\u043a\u0442\u044b \u0438 \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438<\/h3><\/div>\r\n <div class=\"liquid-glass theory-card\" data-modal=\"4\"><div style=\"font-size:74px;margin-bottom:20px;\">\ud83c\udfa8<\/div><h3>\u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438 \u043e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u0435<\/h3><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0442\u0435\u0441\u0442 -->\r\n <div class=\"quiz-wrapper liquid-glass\">\r\n <div class=\"progress-container\"><div id=\"progress\" class=\"progress-bar\"><\/div><\/div>\r\n <div id=\"quizContainer\" class=\"liquid-glass\" style=\"padding:52px 42px;min-height:420px;\"><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FAQ -->\r\n<section id=\"faq\">\r\n <div class=\"section-title title-glow\">\u0427\u0430\u0441\u0442\u043e \u0437\u0430\u0434\u0430\u0432\u0430\u0435\u043c\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b<\/div>\r\n <div style=\"max-width:860px;margin:0 auto;\">\r\n <div class=\"liquid-glass faq-item\" style=\"margin-bottom:18px;\">\r\n <div class=\"faq-question\" style=\"padding:22px;cursor:pointer;font-weight:600;\">\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e \u043b\u0438 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435? <span style=\"float:right;\">\u25bc<\/span><\/div>\r\n <div class=\"faq-answer\" style=\"padding:0 22px;max-height:0;overflow:hidden;transition:max-height .4s;\">\u0414\u0430, \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0432\u0441\u0451 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e \u043d\u0430\u0432\u0441\u0435\u0433\u0434\u0430.<\/div>\r\n <\/div>\r\n <!-- \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 FAQ \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e -->\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FINAL CTA -->\r\n<section style=\"padding:130px 5% 150px;background:linear-gradient(135deg,rgba(255,140,60,.12),rgba(255,60,0,.12));\">\r\n <div class=\"liquid-glass\" style=\"max-width:920px;margin:0 auto;padding:72px 50px;text-align:center;\">\r\n <h2 style=\"font-size:2.7rem;margin-bottom:28px;\">\u0413\u043e\u0442\u043e\u0432 \u043d\u0430\u0447\u0430\u0442\u044c \u043f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441?<\/h2>\r\n <a href=\"https:\/\/t.me\/BanTVAcademyBot\" target=\"_blank\" class=\"bot-btn\" style=\"font-size:1.55rem;padding:24px 62px;\">\u041e\u0442\u043a\u0440\u044b\u0442\u044c \u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044e \u0432 Telegram<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<footer style=\"background:rgba(15,15,30,.85);padding:70px 5% 50px;text-align:center;color:rgba(255,255,255,.78);\">\r\n <p>\u00a9 2026 \u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044f BanTV \u2022 \u0427\u0430\u0441\u0442\u044c BanTV Production<\/p>\r\n <p style=\"margin-top:12px;\">\u0412\u0441\u0435 \u043a\u0443\u0440\u0441\u044b \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b \u043d\u0430\u0432\u0441\u0435\u0433\u0434\u0430<\/p>\r\n<\/footer>\r\n\r\n<!-- MODAL -->\r\n<div id=\"theoryModal\">\r\n <div class=\"modal-content liquid-glass\" style=\"position:relative;\">\r\n <div class=\"modal-close\" onclick=\"closeTheoryModal()\">\u00d7<\/div>\r\n <div id=\"modalBody\"><\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n \/\/ \u0410\u0432\u0442\u043e-\u0442\u0435\u043c\u0430 + toggle\r\n function setTheme(theme) {\r\n document.documentElement.setAttribute('data-theme', theme);\r\n localStorage.setItem('theme', theme);\r\n document.getElementById('themeToggle').textContent = theme === 'dark' ? '\u2600\ufe0f' : '\ud83c\udf19';\r\n }\r\n const saved = localStorage.getItem('theme');\r\n if (saved) setTheme(saved);\r\n else setTheme(window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');\r\n\r\n document.getElementById('themeToggle').addEventListener('click', () => {\r\n const current = document.documentElement.getAttribute('data-theme');\r\n setTheme(current === 'dark' ? 'light' : 'dark');\r\n });\r\n\r\n \/\/ Parallax \u043e\u0440\u0431\u044b\r\n document.addEventListener('mousemove', e => {\r\n const x = (e.clientX \/ window.innerWidth) * 30 - 15;\r\n const y = (e.clientY \/ window.innerHeight) * 30 - 15;\r\n document.querySelectorAll('.orb').forEach((orb,i) => {\r\n const speed = (i+1) * 0.9;\r\n orb.style.transform = `translate(${x*speed}px, ${y*speed}px)`;\r\n });\r\n });\r\n\r\n \/\/ \u0422\u0435\u043e\u0440\u0438\u044f \u043c\u043e\u0434\u0430\u043b\u043a\u0438\r\n const theoryContent = {\r\n 1: `<h2 style=\"font-size:2.2rem;margin-bottom:28px;\">\u0418\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 Blender<\/h2><p style=\"line-height:1.8;color:var(--text-muted);\">\u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u2014 3D Viewport. \u0421\u043b\u0435\u0432\u0430 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u044b, \u0441\u043f\u0440\u0430\u0432\u0430 Properties. \u0412\u0441\u0451 \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0442\u0430\u0441\u043a\u0438\u0432\u0430\u0442\u044c.<\/p>`,\r\n 2: `<h2 style=\"font-size:2.2rem;margin-bottom:28px;\">\u041d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f \u0432 3D<\/h2><p style=\"line-height:1.8;color:var(--text-muted);\">\u0421\u0440\u0435\u0434\u043d\u044f\u044f \u043a\u043d\u043e\u043f\u043a\u0430 \u043c\u044b\u0448\u0438 \u2014 \u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0435. Shift+\u0441\u0440\u0435\u0434\u043d\u044f\u044f \u2014 \u043f\u0430\u043d\u043e\u0440\u0430\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435. \u041a\u043e\u043b\u0451\u0441\u0438\u043a\u043e \u2014 \u0437\u0443\u043c.<\/p>`,\r\n 3: `<h2 style=\"font-size:2.2rem;margin-bottom:28px;\">\u041e\u0431\u044a\u0435\u043a\u0442\u044b \u0438 \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438<\/h2><p style=\"line-height:1.8;color:var(--text-muted);\">G \u2014 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435, R \u2014 \u0432\u0440\u0430\u0449\u0435\u043d\u0438\u0435, S \u2014 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435.<\/p>`,\r\n 4: `<h2 style=\"font-size:2.2rem;margin-bottom:28px;\">\u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438 \u043e\u0441\u0432\u0435\u0449\u0435\u043d\u0438\u0435<\/h2><p style=\"line-height:1.8;color:var(--text-muted);\">Shader Editor \u2192 Principled BSDF. \u0414\u043e\u0431\u0430\u0432\u044c \u0441\u0432\u0435\u0442 Shift+A \u2192 Light.<\/p>`\r\n };\r\n function openTheory(n) {\r\n document.getElementById('modalBody').innerHTML = theoryContent[n];\r\n document.getElementById('theoryModal').style.display = 'flex';\r\n }\r\n window.closeTheoryModal = () => document.getElementById('theoryModal').style.display = 'none';\r\n\r\n \/\/ \u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0442\u0435\u0441\u0442\r\n const quizData = [\r\n {q:\"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u043a\u043b\u0430\u0432\u0438\u0448\u0430 G?\",a:[\"\u0412\u0440\u0430\u0449\u0435\u043d\u0438\u0435\",\"\u041f\u0435\u0440\u0435\u043c\u0435\u0449\u0435\u043d\u0438\u0435\",\"\u041c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\",\"\u0423\u0434\u0430\u043b\u0435\u043d\u0438\u0435\"],c:1},\r\n {q:\"\u041a\u0430\u043a \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0432\u0438\u0434 \u0441\u0432\u0435\u0440\u0445\u0443?\",a:[\"Numpad 7\",\"Numpad 1\",\"Numpad 3\",\"\u041f\u0440\u043e\u0431\u0435\u043b\"],c:0},\r\n {q:\"\u041a\u0430\u043a\u043e\u0439 \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 subdivision?\",a:[\"Mirror\",\"Subdivision Surface\",\"Array\",\"Bevel\"],c:1},\r\n {q:\"\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 Principled BSDF?\",a:[\"\u0422\u0438\u043f \u043a\u0430\u043c\u0435\u0440\u044b\",\"\u0423\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 \u0448\u0435\u0439\u0434\u0435\u0440\",\"\u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0440\u0435\u043d\u0434\u0435\u0440\u0430\",\"\u041e\u043a\u043d\u043e \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a\"],c:1},\r\n {q:\"\u041a\u0430\u043a \u0431\u044b\u0441\u0442\u0440\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u0443\u0431?\",a:[\"Shift+A \u2192 Mesh \u2192 Cube\",\"Ctrl+C\",\"Alt+D\",\"F12\"],c:0}\r\n ];\r\n let current = 0, score = 0, answered = false;\r\n\r\n function loadQuestion() {\r\n answered = false;\r\n const q = quizData[current];\r\n let html = `<h3 style=\"font-size:1.9rem;margin-bottom:48px;\">${current+1}. ${q.q}<\/h3><div style=\"display:grid;gap:18px;\">`;\r\n q.a.forEach((ans,i) => {\r\n html += `<div class=\"option-btn\" onclick=\"selectAnswer(${i})\">${ans}<\/div>`;\r\n });\r\n html += `<\/div><button id=\"nextBtn\" style=\"margin-top:40px;padding:16px 48px;background:rgba(255,255,255,.25);border:none;border-radius:9999px;color:var(--text-primary);font-size:1.15rem;cursor:pointer;display:none;\" onclick=\"nextQuestion()\">\u0414\u0430\u043b\u0435\u0435 \u2192<\/button>`;\r\n document.getElementById('quizContainer').innerHTML = html;\r\n document.getElementById('progress').style.width = `${(current\/quizData.length)*100}%`;\r\n }\r\n\r\n window.selectAnswer = function(i) {\r\n if (answered) return;\r\n answered = true;\r\n const buttons = document.querySelectorAll('.option-btn');\r\n const correct = quizData[current].c;\r\n buttons.forEach((btn,idx) => {\r\n btn.style.pointerEvents = 'none';\r\n if (idx === correct) btn.classList.add('correct');\r\n if (idx === i && i !== correct) btn.classList.add('wrong');\r\n });\r\n if (i === correct) score++;\r\n document.getElementById('nextBtn').style.display = 'block';\r\n };\r\n\r\n window.nextQuestion = function() {\r\n current++;\r\n if (current < quizData.length) loadQuestion();\r\n else showResult();\r\n };\r\n\r\n function showResult() {\r\n const percent = Math.round((score\/quizData.length)*100);\r\n const message = percent >= 80 ? \"\u041f\u0440\u0435\u0432\u043e\u0441\u0445\u043e\u0434\u043d\u043e! \u0422\u044b \u0433\u043e\u0442\u043e\u0432 \u043a \u043f\u043e\u043b\u043d\u043e\u043c\u0443 \u043a\u0443\u0440\u0441\u0443 \ud83c\udf89\" : percent >= 60 ? \"\u041e\u0442\u043b\u0438\u0447\u043d\u044b\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442! \u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0439 \ud83d\ude80\" : \"\u0425\u043e\u0440\u043e\u0448\u0438\u0439 \u0441\u0442\u0430\u0440\u0442! \u0414\u0430\u0432\u0430\u0439 \u0440\u0430\u0437\u0431\u0435\u0440\u0451\u043c\u0441\u044f \u0432\u043c\u0435\u0441\u0442\u0435 \u2764\ufe0f\";\r\n const html = `\r\n <div style=\"text-align:center;padding:60px 40px;\">\r\n <div style=\"width:180px;height:180px;margin:0 auto 30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.8rem;font-weight:900;border:14px solid ${percent>=80?'#22c55e':'#ffb86b'};color:${percent>=80?'#22c55e':'#111'};\">\r\n ${percent}%\r\n <\/div>\r\n <h2 style=\"font-size:2.4rem;margin:20px 0 16px;\">${message}<\/h2>\r\n <p style=\"font-size:1.3rem;color:var(--text-muted);\">\u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0445: <b>${score}\/${quizData.length}<\/b><\/p>\r\n <a href=\"https:\/\/t.me\/BanTVAcademyBot\" target=\"_blank\" class=\"bot-btn\" style=\"margin-top:50px;\">\u041f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u044c \u0432 \u0431\u043e\u0442\u0435<\/a>\r\n <\/div>`;\r\n document.getElementById('quizContainer').innerHTML = html;\r\n if (percent >= 70) createConfetti(130);\r\n }\r\n\r\n function createConfetti(count) {\r\n for (let i = 0; i < count; i++) {\r\n setTimeout(() => {\r\n const c = document.createElement('div');\r\n c.style.cssText = `position:fixed;left:${Math.random()*100}vw;top:-20px;width:12px;height:12px;background:hsl(${Math.random()*60+15},100%,65%);border-radius:50%;z-index:99999;pointer-events:none;`;\r\n document.body.appendChild(c);\r\n let y = -30, rot = 0;\r\n const anim = setInterval(() => {\r\n y += 9 + Math.random()*7;\r\n rot += 18;\r\n c.style.top = y+'px';\r\n c.style.transform = `rotate(${rot}deg)`;\r\n if (y > window.innerHeight+50) { clearInterval(anim); c.remove(); }\r\n }, 16);\r\n }, i*4);\r\n }\r\n }\r\n\r\n \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\r\n document.querySelectorAll('.theory-card').forEach(card => {\r\n card.addEventListener('click', () => openTheory(card.getAttribute('data-modal')));\r\n });\r\n loadQuestion();\r\n\r\n console.log('%c\u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044f BanTV \u2014 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0430\u0439\u0442 \u2728\\n\u0410\u0432\u0442\u043e-\u0442\u0451\u043c\u043d\u0430\u044f \u0442\u0435\u043c\u0430 \u2022 \u0410\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0433\u0440\u0430\u0434\u0438\u0435\u043d\u0442 \u2022 \u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0442\u0435\u0441\u0442 \u2022 Liquid Glass', 'color:#ffb86b;font-weight:700;font-size:14px');\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044f BanTV \u2022 \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u0442\u0432\u0443 \u2600\ufe0f \u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044f BanTV \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e\u0435 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0441\u044a\u0451\u043c\u043a\u0435, 3D-\u043c\u043e\u0434\u0435\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e, \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e \u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u043c\u0435\u0434\u0438\u0430-\u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430.\u0421\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e \u0438\u043b\u0438 \u0441 \u0436\u0438\u0432\u044b\u043c \u043c\u0435\u043d\u0442\u043e\u0440\u043e\u043c. \ud83d\ude80 \u041d\u0430\u0447\u0430\u0442\u044c \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0432 \u0431\u043e\u0442\u0435 \u041a\u0442\u043e \u043c\u044b \u0438 \u0447\u0442\u043e \u043c\u044b \u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0443\u0434\u0438\u044f BanTV \u0434\u0435\u043b\u0438\u0442\u0441\u044f \u043e\u043f\u044b\u0442\u043e\u043c \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e \u0417\u0430 5+ \u043b\u0435\u0442 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u043b\u0438 \u0441\u043e\u0442\u043d\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432. \u0422\u0435\u043f\u0435\u0440\u044c \u0432\u0435\u0441\u044c \u043d\u0430\u0448 \u043e\u043f\u044b\u0442 \u2014 \u0434\u043b\u044f \u0442\u0435\u0431\u044f. \u041a\u0443\u0440\u0441\u044b \u043e\u0442 \u043d\u0443\u043b\u044f \u0434\u043e … <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/bantv.ru\/?page_id=900\" class=\"more-link\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435<span class=\"screen-reader-text\"> «\u0410\u043a\u0430\u0434\u0435\u043c\u0438\u044f BanTV»<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inspiro_hide_title":false,"footnotes":""},"class_list":["post-900","page","type-page","status-publish","hentry"],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bantv.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=900"}],"version-history":[{"count":10,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/900\/revisions"}],"predecessor-version":[{"id":1113,"href":"https:\/\/bantv.ru\/index.php?rest_route=\/wp\/v2\/pages\/900\/revisions\/1113"}],"wp:attachment":[{"href":"https:\/\/bantv.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}