*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#111;background:#fff;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}:root{--green:#16a34a;--dark-green:#087f36;--black:#111;--gray:#f5f5f5;--white:#fff}.container{width:90%;max-width:1200px;margin:auto}body.dark{color:#f8fafc;background:#0b1120;transition:all .35s}body.dark .header,body.dark .hero,body.dark .features,body.dark .about,body.dark .skills,body.dark .projects,body.dark .reviews,body.dark .certificates,body.dark .prices,body.dark .program,body.dark .faq,body.dark .contacts,body.dark .register,body.dark .login,body.dark footer{background:#0b1120}body.dark .header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b1120e6;border-bottom:1px solid #243244}body.dark .feature-card,body.dark .skill-card,body.dark .project-card,body.dark .review-card,body.dark .certificate-card,body.dark .price-card,body.dark .faq-item,body.dark .timeline-content,body.dark .stat-card,body.dark .editor,body.dark .register-card,body.dark .login-card,body.dark .contact-form{background:#162033;border:1px solid #2b3a52;box-shadow:0 20px 40px #00000073}body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6{color:#fff;letter-spacing:.3px;font-weight:700}body.dark p{color:#fff;line-height:1.7}body.dark span,body.dark li,body.dark strong{color:#fff}body.dark a{color:#4ade80;transition:all .3s}body.dark a:hover{color:#86efac}body.dark .logo{color:#fff}body.dark .logo span{color:#4ade80}body.dark .menu a{color:#fff;font-weight:500}body.dark .menu a:hover{color:#4ade80}body.dark .green-btn,body.dark .register-btn,body.dark .login-btn-form,body.dark .price-card button,body.dark .contact-form button{color:#fff;background:#22c55e}body.dark .green-btn:hover,body.dark .register-btn:hover,body.dark .login-btn-form:hover,body.dark .price-card button:hover,body.dark .contact-form button:hover{background:#16a34a}body.dark .white-btn{color:#fff;background:0 0;border:2px solid #22c55e}body.dark .white-btn:hover{background:#22c55e}body.dark input,body.dark textarea{color:#fff;background:#111827;border:2px solid #334155}body.dark input:focus,body.dark textarea:focus{border-color:#22c55e}body.dark input::placeholder,body.dark textarea::placeholder{color:#94a3b8}body.dark .faq-question{color:#fff;background:#162033}body.dark .faq-question span,body.dark .project-tags span{color:#4ade80;background:#14532d}body.dark .badge{color:#fff;background:#22c55e}body.dark footer{border-top:1px solid #243244}body.dark .copyright{color:#cbd5e1}body.dark::-webkit-scrollbar{width:10px}body.dark::-webkit-scrollbar-track{background:#111827}body.dark::-webkit-scrollbar-thumb{background:#22c55e;border-radius:20px}body.dark ::selection{color:#fff;background:#22c55e}.header{z-index:1000;background:#fff;border-bottom:1px solid #eee;width:100%;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{color:#111;letter-spacing:-1px;font-size:28px;font-weight:800}.logo span{color:#16a34a}.menu{align-items:center;gap:35px;display:flex}.menu a{color:#333;font-size:15px;font-weight:500;transition:all .3s;position:relative}.menu a:after{content:"";background:#16a34a;width:0;height:2px;transition:all .3s;position:absolute;bottom:-8px;left:0}.menu a:hover{color:#16a34a}.menu a:hover:after{width:100%}.user-info{cursor:pointer;background:#f3f4f6;border:2px solid #16a34a;border-radius:50px;align-items:center;gap:12px;padding:8px 18px;transition:all .3s;display:flex}.user-info:hover{background:#16a34a;transform:translateY(-2px)}.user-info:hover .user-name{color:#fff}.user-info:hover .user-avatar{color:#16a34a;background:#fff}.user-name{color:#111827;font-size:16px;font-weight:700;transition:all .3s}.buttons{align-items:center;gap:15px;display:flex}.login-btn{color:#111;background:#fff;border:2px solid #16a34a;border-radius:10px;margin:10px;padding:12px 25px;font-weight:600;transition:all .3s}.login-btn:hover{background:#dcfce7}.register-btn{color:#fff;background:#16a34a;border-radius:10px;padding:12px 25px;font-weight:600;transition:all .3s}.burger{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;display:none}.burger span{background:#111;border-radius:10px;width:28px;height:3px;transition:all .3s}.mobile-buttons{display:none}@media (width<=1100px){.menu{gap:20px}.menu a{font-size:14px}.login-btn,.register-btn{padding:10px 18px}}@media (width<=900px){.navbar{height:70px}.logo{font-size:24px}.menu{background:#fff;flex-direction:column;align-items:center;width:100%;padding:30px 0;display:none;position:absolute;top:70px;left:0;box-shadow:0 15px 30px #0000001a}.menu.active{display:flex}.menu a{font-size:18px}.menu a:after,.buttons{display:none}.burger{display:flex}.mobile-buttons{flex-direction:column;gap:15px;margin-top:20px;display:flex}.mobile-buttons button{width:220px}}@media (width<=480px){.container{width:92%}.logo{font-size:20px}.burger{width:35px}.burger span{width:25px}.menu{padding:25px 0}}.burger.active span:first-child{transform:rotate(45deg)translate(6px,6px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.register{justify-content:center;align-items:center;min-height:100vh;padding:120px 20px;display:none}.register.active{display:flex}.register-block{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.register-card{z-index:200;background:#fff;border:1px solid #e8e8e8;border-radius:25px;max-width:520px;margin:auto;padding:45px;position:relative;box-shadow:0 20px 50px #00000014}.register-title{text-align:center;margin-bottom:35px}.register-title span{color:#16a34a;font-size:17px;font-weight:700}.register-title h2{color:#111;margin:15px 0;font-size:38px}.register-title p{color:#666;line-height:1.6}.register-form{flex-direction:column;gap:20px;display:flex}.input-group input{border:2px solid #ddd;border-radius:12px;width:100%;padding:16px;font-size:16px;transition:all .3s}.file-upload{cursor:pointer}.file-upload input{display:none}.file-upload span{color:#16a34a;border:2px dashed #16a34a;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:55px;font-weight:600;transition:all .3s;display:flex}.file-upload:hover span{background:#dcfce7}.register-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:12px;height:56px;margin-top:10px;font-size:17px;font-weight:700;transition:all .3s}.register-btn:hover{background:#14803b;transform:translateY(-2px)}@media (width<=768px){.register{padding:80px 15px}.register-card{padding:30px 20px}.register-title h2{font-size:30px}}.login{background:#f8faf8;align-items:center;min-height:100vh;padding:120px 20px;display:none}.login.active{display:flex}.login-card{z-index:200;background:#fff;border:1px solid #e8e8e8;border-radius:25px;width:100%;max-width:500px;margin:auto;padding:45px;position:relative;box-shadow:0 20px 50px #00000014}.login-title{text-align:center;margin-bottom:35px}.login-title span{color:#16a34a;font-size:17px;font-weight:700}.login-title h2{color:#111;margin:15px 0;font-size:38px}.login-title p{color:#666;line-height:1.6}.login-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;gap:10px;display:flex}.input-group label{color:#111;font-weight:600}.input-group input{border:2px solid #ddd;border-radius:12px;width:100%;height:55px;padding:0 16px;font-size:16px;transition:all .3s}.input-group input:focus{border-color:#16a34a;outline:none}.login-btn-form{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:12px;height:56px;margin-top:10px;font-size:17px;font-weight:700;transition:all .3s}.login-btn-form:hover{background:#14803b;transform:translateY(-2px)}.register-link{text-align:center;color:#666;margin-top:10px}.register-link span{color:#16a34a;cursor:pointer;margin-left:8px;font-weight:700;transition:all .3s}.register-link span:hover{color:#14803b;text-decoration:underline}@media (width<=768px){.login{padding:80px 15px}.login-card{padding:30px 20px}.login-title h2{font-size:30px}}.hero{background:#fff;padding:100px 0;overflow:hidden}.hero-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.hero-label{color:#16a34a;background:#dcfce7;border-radius:30px;margin-bottom:25px;padding:8px 18px;font-size:14px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-2px;color:#111;margin-bottom:25px;font-size:58px;font-weight:800;line-height:1.1}.hero h1 span{color:#16a34a}.hero p{color:#666;max-width:520px;margin-bottom:35px;font-size:18px;line-height:1.7}.hero-buttons{gap:15px;margin-bottom:50px;display:flex}.green-btn{color:#fff;background:#16a34a;border-radius:12px;padding:16px 35px;font-size:16px;font-weight:700;transition:all .3s}.green-btn:hover{background:#087f36;transform:translateY(-3px)}.white-btn{color:#111;background:#fff;border:2px solid #ddd;border-radius:12px;padding:16px 35px;font-size:16px;font-weight:700;transition:all .3s}.white-btn:hover{color:#16a34a;border-color:#16a34a}.stats{gap:20px;display:flex}.stat-card{background:#fff;border-radius:20px;min-width:130px;padding:25px 35px;box-shadow:0 15px 40px #00000014}.stat-card h2{color:#16a34a;margin-bottom:5px;font-size:32px}.stat-card span{color:#666;font-size:14px}.hero-right{justify-content:center;display:flex}.editor{background:#111;border-radius:25px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 25px 60px #00000040}.editor-header{background:#1c1c1c;align-items:center;gap:10px;height:55px;padding:0 20px;display:flex}.circle{border-radius:50%;width:14px;height:14px}.circle.red{background:#ef4444}.circle.yellow{background:#facc15}.circle.green{background:#22c55e}.editor-body{padding:35px}.editor-body span{background:#333;border-radius:20px;width:80%;height:8px;margin-bottom:18px;display:block}.editor-body span.small{width:45%}.editor-body .green-line{background:#16a34a;width:65%}@media (width<=1200px){.hero h1{font-size:48px}.hero-wrapper{gap:40px}.stat-card{padding:20px}}@media (width<=900px){.hero{padding:70px 0}.hero-wrapper{text-align:center;grid-template-columns:1fr}.hero-left{flex-direction:column;align-items:center;display:flex}.hero p{max-width:600px}.hero-buttons,.stats{justify-content:center}.hero-right{margin-top:40px}}@media (width<=600px){.hero{padding:50px 0}.hero-label{font-size:13px}.hero h1{letter-spacing:-1px;font-size:34px}.hero p{font-size:16px}.hero-buttons{flex-direction:column;width:100%}.hero-buttons button{width:100%}.stats{flex-direction:column;width:100%}.stat-card{width:100%}.editor{border-radius:18px}.editor-body{padding:20px}}@media (width<=380px){.hero h1{font-size:30px}}.features{background:#f8faf8;padding:100px 0}.section-title{text-align:center;max-width:750px;margin:0 auto 60px}.section-title span{color:#16a34a;font-size:18px;font-weight:700}.section-title h2{color:#111;margin-top:15px;font-size:42px;line-height:1.2}.section-title p{color:#666;margin-top:15px;line-height:1.7}.features-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.feature-card{background:#fff;border:1px solid #eee;border-radius:25px;padding:35px 30px;transition:all .35s;box-shadow:0 10px 35px #0000000f}.feature-card:hover{border-color:#16a34a;transform:translateY(-10px);box-shadow:0 20px 50px #16a34a26}.feature-card .icon{background:#dcfce7;border-radius:22px;justify-content:center;align-items:center;width:75px;height:75px;margin-bottom:25px;font-size:35px;display:flex}.feature-card h3{color:#111;margin-bottom:15px;font-size:22px}.feature-card p{color:#666;font-size:15px;line-height:1.7}@media (width<=1200px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.features{padding:70px 0}.section-title h2{font-size:32px}.features-grid{grid-template-columns:1fr}.feature-card{padding:30px 25px}.feature-card .icon{width:65px;height:65px;font-size:30px}}@media (width<=400px){.section-title h2{font-size:28px}.feature-card h3{font-size:20px}}.about{color:#fff;background:#111;padding:100px 0;overflow:hidden}.about-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.about-image{position:relative}.photo-placeholder{color:#16a34a;background:linear-gradient(135deg,#1a1a1a,#222);border:1px solid #333;border-radius:30px;justify-content:center;align-items:center;height:500px;font-size:60px;font-weight:800;display:flex;box-shadow:0 25px 60px #0006}.about-image:after{content:"";opacity:.15;background:#16a34a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-50px;right:-50px}.about-info>span{color:#22c55e;font-size:18px;font-weight:700}.about-info h2{margin:20px 0;font-size:45px;line-height:1.2}.about-info p{color:#aaa;margin-bottom:20px;font-size:16px;line-height:1.8}.about-list{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:35px;display:grid}.about-list div{color:#fff;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:15px 20px;transition:all .3s}.about-list div:hover{border-color:#16a34a;transform:translate(5px)}@media (width<=1100px){.about-wrapper{gap:40px}.about-info h2{font-size:38px}.photo-placeholder{height:420px}}@media (width<=900px){.about{padding:80px 0}.about-wrapper{grid-template-columns:1fr}.about-image{max-width:600px;margin:auto}.about-info{text-align:center}.about-list{text-align:left}}@media (width<=600px){.photo-placeholder{height:320px;font-size:45px}.about-info h2{font-size:32px}.about-info p{font-size:15px}.about-list{grid-template-columns:1fr}.about-list div{padding:13px 15px}}@media (width<=400px){.photo-placeholder{height:260px}.about-info h2{font-size:28px}}.skills{background:#fff;padding:100px 0}.skills .section-title{text-align:center;max-width:700px;margin:0 auto 60px}.skills .section-title span{color:#16a34a;font-size:18px;font-weight:600}.skills .section-title h2{color:#111;margin:15px 0;font-size:42px}.skills .section-title p{color:#666;line-height:1.6}.skills-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.skill-card{background:#fff;border:1px solid #eee;border-radius:25px;padding:35px;transition:all .35s;box-shadow:0 15px 40px #00000014}.skill-card:hover{border-color:#16a34a;transform:translateY(-10px);box-shadow:0 20px 50px #16a34a26}.skill-icon{color:#16a34a;background:#dcfce7;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:25px;font-size:22px;font-weight:800;display:flex}.skill-card h3{color:#111;margin-bottom:15px;font-size:25px}.skill-card p{color:#666;min-height:80px;line-height:1.7}.skill-line{background:#eee;border-radius:20px;height:8px;margin-top:25px;overflow:hidden}.skill-line span{background:#16a34a;border-radius:20px;height:100%;display:block}.skill-card small{text-align:right;color:#16a34a;margin-top:10px;font-weight:700;display:block}@media (width<=1000px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.skills-grid{grid-template-columns:1fr}.skills .section-title h2{font-size:32px}}.projects{background:#f8faf8;padding:100px 0}.projects .section-title{text-align:center;max-width:700px;margin:0 auto 60px}.projects .section-title span{color:#16a34a;font-size:18px;font-weight:700}.projects .section-title h2{color:#111;margin:15px 0;font-size:42px}.projects .section-title p{color:#666;line-height:1.7}.projects-grid{grid-template-columns:repeat(2,1fr);gap:35px;display:grid}.project-card{background:#fff;border-radius:25px;transition:all .35s;overflow:hidden;box-shadow:0 15px 40px #00000014}.project-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #00000026}.project-image{height:300px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:all .5s}.project-card:hover img{transform:scale(1.08)}.project-overlay{opacity:0;background:#16a34ad9;justify-content:center;align-items:center;transition:all .35s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.project-overlay a{color:#111;background:#fff;border-radius:30px;padding:14px 30px;font-weight:700}.project-content{padding:30px}.project-content h3{color:#111;margin-bottom:15px;font-size:26px}.project-content p{color:#666;margin-bottom:25px;line-height:1.7}.project-tags{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}.project-tags span{color:#16a34a;background:#dcfce7;border-radius:20px;padding:7px 15px;font-size:14px;font-weight:600}.project-link{color:#16a34a;font-weight:700;transition:all .3s}.project-link:hover{color:#087f36}@media (width<=900px){.projects-grid{grid-template-columns:1fr}.projects .section-title h2{font-size:34px}}@media (width<=600px){.project-image{height:220px}.project-content{padding:20px}}.reviews{color:#fff;background:#111;padding:100px 0}.reviews-buttons button:disabled{opacity:.4;cursor:not-allowed}.slider-animation{animation:.5s reviewShow}@keyframes reviewShow{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.reviews .section-title{text-align:center;max-width:700px;margin:0 auto 60px}.reviews .section-title span{color:#22c55e;font-size:18px;font-weight:700}.avito-btn{color:#fff;background:#16a34a;border-radius:12px;justify-content:center;align-items:center;padding:15px 35px;font-weight:700;transition:all .3s;display:flex}.avito-btn:hover{background:#087f36;transform:translateY(-3px)}.review-add-btn{color:#111;background:#fff;border:2px solid #16a34a;border-radius:12px;justify-content:center;align-items:center;padding:15px 35px;font-weight:700;transition:all .3s;display:flex}.review-add-btn:hover{background:#dcfce7}@media (width<=600px){.reviews-buttons{flex-direction:column}.reviews-buttons a{width:100%}}.reviews .section-title h2{margin:15px 0;font-size:42px}.reviews .section-title p{color:#aaa;line-height:1.7}.reviews-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.review-card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:25px;padding:35px;transition:all .35s}.review-card:hover{border-color:#16a34a;transform:translateY(-10px);box-shadow:0 20px 50px #16a34a26}.review-stars{color:#22c55e;letter-spacing:3px;margin-bottom:25px;font-size:25px}.review-text{color:#ddd;min-height:110px;font-size:16px;line-height:1.8}.review-user{align-items:center;gap:18px;margin-top:30px;display:flex}.review-user img{object-fit:cover;border:3px solid #16a34a;border-radius:50%;width:65px;height:65px}.review-user h3{margin-bottom:5px;font-size:18px}.review-user span{color:#22c55e;font-size:14px}.reviews-buttons{justify-content:center;gap:15px;margin-top:50px;display:flex}.reviews-buttons button{color:#fff;background:#16a34a;border-radius:50%;width:55px;height:55px;font-size:25px;transition:all .3s}.reviews-buttons button:hover{background:#087f36;transform:scale(1.1)}@media (width<=1000px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.reviews-grid{grid-template-columns:1fr}.reviews .section-title h2{font-size:32px}.review-card{padding:25px}}.certificates{background:#f8faf8;padding:100px 0}.modal-cert{z-index:100;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-cert.active{display:flex}.shadow{opacity:.6;background-color:#000;position:absolute;inset:0}.content-img{z-index:200;max-height:90vh;padding:20px;position:relative}.content-img img{object-fit:contain;border-radius:15px;width:100%;height:auto;max-height:85vh;display:block;box-shadow:0 20px 50px #0006}.certificates .section-title{text-align:center;max-width:700px;margin:0 auto 60px}.certificates .section-title span{color:#16a34a;font-size:18px;font-weight:700}.certificates .section-title h2{color:#111;margin:15px 0;font-size:42px}.certificates .section-title p{color:#666;line-height:1.7}.certificates-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.certificate-card{background:#fff;border-radius:25px;transition:all .35s;overflow:hidden;box-shadow:0 15px 40px #00000014}.certificate-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #00000026}.certificate-image{height:300px;position:relative;overflow:hidden}.certificate-image img{object-fit:cover;width:100%;height:100%;transition:all .5s}.certificate-card:hover img{transform:scale(1.08)}.certificate-overlay{opacity:0;background:#16a34ad9;justify-content:center;align-items:center;transition:all .35s;display:flex;position:absolute;inset:0}.certificate-card:hover .certificate-overlay{opacity:1}.certificate-overlay button{color:#111;background:#fff;border-radius:30px;padding:14px 30px;font-weight:700;transition:all .3s}.certificate-overlay button:hover{transform:scale(1.05)}.certificate-info{padding:25px}.certificate-info h3{color:#111;margin-bottom:10px;font-size:20px}.certificate-info p{color:#16a34a;font-weight:600}@media (width<=1100px){.certificates-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.certificates-grid{grid-template-columns:1fr}.certificate-image{height:250px}.certificates .section-title h2{font-size:32px}}.prices{background:#fff;padding:100px 0}.prices .section-title{text-align:center;max-width:700px;margin:0 auto 60px}.prices .section-title span{color:#16a34a;font-size:18px;font-weight:700}.prices .section-title h2{color:#111;margin:15px 0;font-size:42px}.prices .section-title p{color:#666;line-height:1.7}.prices-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.price-card{background:#fff;border:1px solid #eee;border-radius:25px;padding:40px 35px;transition:all .35s;position:relative;box-shadow:0 15px 40px #00000014}.price-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #00000026}.price-card.popular{border:3px solid #16a34a;transform:translateY(-15px)}.price-card.popular:hover{transform:translateY(-25px)}.popular-label{color:#fff;background:#16a34a;border-radius:30px;padding:8px 25px;font-weight:700;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.price-card h3{color:#111;margin-bottom:20px;font-size:25px}.price{color:#16a34a;margin-bottom:20px;font-size:45px;font-weight:800}.price-description{color:#666;margin-bottom:30px;line-height:1.6}.price-card ul{margin-bottom:35px;list-style:none}.price-card li{color:#333;margin-bottom:15px}.price-card button{color:#fff;background:#16a34a;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .3s}.price-card button:hover{background:#087f36}@media (width<=1000px){.prices-grid{grid-template-columns:1fr}.price-card.popular{transform:none}.price-card.popular:hover{transform:translateY(-10px)}}.program{color:#fff;background:#111;padding:100px 0}.program .section-title{text-align:center;max-width:750px;margin:0 auto 70px}.program .section-title span{color:#22c55e;font-size:18px;font-weight:700}.program .section-title h2{margin:15px 0;font-size:42px}.program .section-title p{color:#aaa;line-height:1.7}.timeline{max-width:900px;margin:auto;position:relative}.timeline:before{content:"";background:#16a34a;width:3px;height:100%;position:absolute;top:0;left:35px}.timeline-item{gap:35px;margin-bottom:45px;display:flex;position:relative}.timeline-number{z-index:2;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;min-width:70px;height:70px;font-size:22px;font-weight:800;display:flex;box-shadow:0 0 0 10px #111}.timeline-content{background:#1a1a1a;border:1px solid #2b2b2b;border-radius:20px;flex:1;padding:30px;transition:all .35s}.timeline-content:hover{border-color:#16a34a;transform:translate(10px)}.timeline-content h3{margin-bottom:15px;font-size:26px}.timeline-content p{color:#bbb;margin-bottom:20px;line-height:1.7}.timeline-tags{flex-wrap:wrap;gap:10px;display:flex}.timeline-tags span{color:#087f36;background:#dcfce7;border-radius:20px;padding:7px 15px;font-size:14px;font-weight:700}@media (width<=700px){.timeline:before{left:25px}.timeline-item{gap:20px}.timeline-number{min-width:50px;height:50px;font-size:16px}.timeline-content{padding:20px}.timeline-content h3{font-size:22px}.program .section-title h2{font-size:32px}}.faq{background:#f8faf8;padding:100px 0}.faq .section-title{text-align:center;max-width:700px;margin:0 auto 60px}.faq .section-title span{color:#16a34a;font-size:18px;font-weight:700}.faq .section-title h2{color:#111;margin:15px 0;font-size:42px}.faq .section-title p{color:#666;line-height:1.7}.faq-list{flex-direction:column;gap:18px;max-width:850px;margin:auto;display:flex}.faq-item{background:#fff;border:1px solid #e5e5e5;border-radius:18px;transition:all .3s;overflow:hidden;box-shadow:0 10px 30px #0000000d}.faq-item:hover{border-color:#16a34a}.faq-question{cursor:pointer;color:#111;text-align:left;background:#fff;justify-content:space-between;align-items:center;width:100%;padding:24px 30px;font-size:18px;font-weight:700;display:flex}.faq-question span{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:28px;transition:all .35s;display:flex}.faq-item.active .faq-question span{color:#fff;background:#16a34a;transform:rotate(45deg)}.faq-answer{opacity:0;max-height:0;padding:0 30px;transition:max-height .45s,opacity .35s,padding .35s;overflow:hidden}.faq-answer.active{opacity:1;max-height:250px;padding:0 30px 25px}.faq-answer p{color:#666;line-height:1.8}@media (width<=768px){.faq{padding:70px 0}.faq .section-title h2{font-size:32px}.faq-question{padding:20px;font-size:16px}.faq-answer.active{padding:0 20px 20px}}.contacts{color:#fff;background:#111;padding:100px 0}.contacts-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.contacts-info>span{color:#22c55e;font-size:18px;font-weight:700}.contacts-info h2{margin:20px 0;font-size:45px;line-height:1.2}.contacts-info p{color:#aaa;max-width:500px;line-height:1.8}.contact-items{flex-direction:column;gap:25px;margin-top:40px;display:flex}.contact-item{align-items:center;gap:20px;display:flex}.contact-icon{background:#16a34a;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.contact-item h3{margin-bottom:5px;font-size:18px}.contact-item a{color:#22c55e}.contact-form{background:#fff;border-radius:25px;flex-direction:column;gap:20px;padding:40px;display:flex;box-shadow:0 20px 50px #0000004d}.contact-form h3{color:#111;margin-bottom:10px;font-size:28px}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:12px;outline:none;width:100%;padding:17px 20px;font-family:inherit;font-size:15px;transition:all .3s}.contact-form textarea{resize:none;min-height:140px}.contact-form input:focus,.contact-form textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a26}.contact-form button{color:#fff;background:#16a34a;border-radius:12px;padding:17px;font-size:16px;font-weight:700;transition:all .3s}.contact-form button:hover{background:#087f36;transform:translateY(-3px)}@media (width<=900px){.contacts-wrapper{grid-template-columns:1fr}.contacts-info h2{font-size:36px}.contact-form{padding:25px}}.footer{color:#fff;background:#000;padding:80px 0 25px}.footer-wrapper{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:50px;display:grid}.footer-logo{margin-bottom:20px;font-size:32px;font-weight:800}.footer-logo span{color:#16a34a}.footer-brand p{color:#999;max-width:300px;line-height:1.8}.footer h3{margin-bottom:25px;font-size:20px}.footer-menu,.footer-links{flex-direction:column;gap:15px;display:flex}.footer a{color:#aaa;transition:all .3s}.footer a:hover{color:#22c55e;transform:translate(5px)}.footer-action p{color:#999;margin-bottom:25px;line-height:1.7}.footer-action a{color:#fff;background:#16a34a;border-radius:12px;padding:14px 30px;font-weight:700;display:inline-block}.footer-action a:hover{background:#087f36;transform:none}.footer-bottom{color:#777;border-top:1px solid #222;justify-content:space-between;align-items:center;padding-top:25px;font-size:14px;display:flex}@media (width<=1000px){.footer-wrapper{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.footer-wrapper{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:15px}.footer-logo{font-size:28px}}.builder{background:#f5f7fb;padding:100px 0}.builder-title{text-align:center;margin-bottom:60px}.builder-title span{color:#16a34a;font-weight:700}.builder-title h2{margin:15px 0;font-size:46px}.builder-title p{color:#666}.builder-wrapper{grid-template-columns:420px 1fr;gap:40px;display:grid}.builder-panel{background:#fff;border-radius:24px;padding:35px;box-shadow:0 20px 50px #00000014}.builder-group{margin-bottom:30px}.builder-group h3{margin-bottom:12px;font-size:18px}.builder-group input,.builder-group select{border:2px solid #e5e7eb;border-radius:12px;width:100%;height:55px;padding:0 15px;font-size:16px;transition:all .3s}.builder-group input:focus,.builder-group select:focus{border-color:#16a34a}.buttons-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.buttons-grid button{color:#16a34a;cursor:pointer;background:#eef7ef;border:none;border-radius:12px;height:48px;font-weight:700;transition:all .3s}.buttons-grid button:hover{color:#fff;background:#16a34a}.colors{gap:15px;display:flex}.colors span{cursor:pointer;border:3px solid #fff;border-radius:50%;width:42px;height:42px;transition:all .3s;box-shadow:0 0 0 2px #ddd}.colors span:hover{transform:scale(1.15)}.range-box{align-items:center;gap:15px;display:flex}.range-box input{accent-color:#16a34a;flex:1}.range-box span{text-align:center;color:#16a34a;background:#eef7ef;border-radius:10px;width:70px;padding:8px;font-weight:700}.builder-actions{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;display:grid}.builder-actions button{cursor:pointer;border:none;border-radius:14px;height:55px;font-weight:700;transition:all .3s}.green-btn{color:#fff;background:#16a34a}.white-btn{color:#16a34a;background:#fff;border:2px solid #16a34a}.red-btn{color:#fff;background:#ef4444}.builder-actions button:hover{transform:translateY(-3px)}.builder-preview{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #00000014}.preview-header{color:#fff;background:#16a34a;align-items:center;height:70px;padding-left:30px;font-size:20px;font-weight:700;display:flex}.preview-window{color:#999;background:#fafafa;justify-content:center;align-items:center;min-height:700px;padding:40px;font-size:32px;display:flex}@media (width<=950px){.builder-wrapper{grid-template-columns:1fr}}.dashboard{background:#f6faf7;min-height:100vh;display:flex}.sidebar{color:#fff;background:#111;flex-direction:column;justify-content:space-between;width:300px;padding:35px;display:flex}.user{text-align:center}.user img{object-fit:cover;border:4px solid #16a34a;border-radius:50%;width:110px;height:110px}.user h3{margin-top:15px;font-size:24px}.user span{color:#bbb}.menu-dashboard{flex-direction:column;gap:15px;margin-top:45px;display:flex}.item-dashboard{color:#fff;border-radius:12px;padding:15px 20px;font-weight:600;text-decoration:none;transition:all .3s}.item-dashboard:hover{background:#16a34a}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;width:100%;padding:15px;font-size:16px;transition:all .3s}.logout-btn:hover{background:#dc2626}.dashboard-content{flex:1;padding:60px}.welcome-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 40px #00000014}.welcome-card span{color:#16a34a;font-weight:700}.welcome-card h1{color:#111;margin:15px 0;font-size:42px}.welcome-card p{color:#666;line-height:1.7}.cards{grid-template-columns:repeat(2,1fr);gap:25px;margin-top:40px;display:grid}.card{background:#fff;border-radius:20px;padding:30px;transition:all .3s;box-shadow:0 10px 30px #00000014}.card:hover{transform:translateY(-6px)}.card h3{color:#111;margin-bottom:15px}.card p{color:#666;line-height:1.6}.card button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;margin-top:20px;padding:12px 25px;transition:all .3s}.card button:hover{background:#15803d}.progress{background:#ddd;border-radius:30px;width:100%;height:12px;margin-top:20px;overflow:hidden}.progress-line{background:#16a34a;width:32%;height:100%}@media (width<=900px){.dashboard{flex-direction:column}.sidebar{width:100%}.dashboard-content{padding:30px}.cards{grid-template-columns:1fr}}.presentations{flex-direction:column;gap:25px;display:flex}.presentations-title{margin-bottom:20px}.presentations-title span{color:#16a34a;text-transform:uppercase;font-size:15px;font-weight:700}.presentations-title h2{color:#111827;margin:15px 0;font-size:42px}.presentations-title p{color:#6b7280;max-width:650px;line-height:1.7}.presentation-item{background:#fff;border:1px solid #e5e7eb;border-radius:22px;transition:all .35s;overflow:hidden}.presentation-item:hover{border-color:#16a34a;transform:translateY(-3px);box-shadow:0 18px 40px #16a34a14}.presentation-head{background:#fff;justify-content:space-between;align-items:center;width:100%;padding:28px;display:flex}.lesson{align-items:center;gap:22px;display:flex}.lesson-number{color:#fff;background:#16a34a;border-radius:18px;justify-content:center;align-items:center;width:65px;height:65px;font-size:22px;font-weight:800;display:flex}.lesson h3{color:#111827;margin-bottom:8px;font-size:23px}.lesson p{color:#6b7280;font-size:15px}.open-btn{color:#16a34a;background:#dcfce7;border-radius:18px;justify-content:center;align-items:center;width:55px;height:55px;font-size:34px;transition:all .3s;display:flex}.presentation-item.active .open-btn{color:#fff;background:#16a34a;transform:rotate(45deg)}.modal-present{z-index:1000;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-present.active{display:flex}.presentation-body{opacity:0;max-height:0;padding:0 30px;transition:max-height .5s,opacity .3s,padding .3s;overflow:hidden}.presentation-body.active{opacity:1;max-height:500px;padding:30px;overflow:auto}.slides{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.slide{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:18px;transition:all .35s;overflow:hidden}.slide:hover{transform:translateY(-8px);box-shadow:0 15px 35px #16a34a26}.slide img{object-fit:cover;width:100%;height:170px}.slide span{text-align:center;color:#111827;padding:18px;font-weight:700;display:block}@media (width<=700px){.presentation-head{padding:20px}.lesson{gap:15px}.lesson-number{width:50px;height:50px;font-size:18px}.lesson h3{font-size:18px}.presentations-title h2{font-size:30px}}.loader{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:100%;max-width:650px;margin:80px auto;padding:35px;box-shadow:0 15px 45px #0000000f}.loader-info{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.loader-info h3{color:#111827;font-size:22px}.loader-info span{color:#6b7280;font-size:15px}.progress{background:#e5e7eb;border-radius:50px;width:100%;height:16px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#16a34a,#22c55e,#4ade80);border-radius:50px;width:0;height:100%;animation:2.5s infinite loading;position:relative}@keyframes loading{0%{width:0}50%{width:75%}to{width:100%}}.progress-bar:after{content:"";filter:blur(8px);background:#fff6;width:80px;height:100%;position:absolute;top:0;right:0}.posts{flex-direction:column;gap:30px;width:100%;max-width:850px;margin:40px auto;display:flex}.post{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #0000001a}.post__author{border-bottom:1px solid #ececec;align-items:center;gap:14px;padding:16px 20px;display:flex}.post__author-avatar{object-fit:cover;background:#f2f2f2;border:2px solid #4f46e5;border-radius:50%;flex-shrink:0;width:48px;height:48px}.post__login{color:#222;font-size:18px;font-weight:600}.create_modal{justify-content:center;align-items:center;display:none;position:fixed;inset:0}.create_modal.active{display:flex}.create-post__form{z-index:1000;position:relative}.post__image{object-fit:cover;width:100%;height:420px;display:block}.post__content{padding:20px}.post__title{margin-bottom:10px;font-size:28px}.post__text{color:#555;margin-bottom:20px;font-size:16px;line-height:1.6}.post__footer{justify-content:space-between;align-items:center;display:flex}.post__likes{cursor:pointer;font-size:18px;font-weight:600;transition:transform .5s}.post__likes:hover{transform:scale(1.2)}.post__favorite{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:10px 18px;transition:all .2s}.post__favorite:hover{background:#3730a3}.admin-panel{flex-direction:column;gap:35px;display:flex}.admin-header{margin-bottom:10px}.admin-header span{color:#16a34a;text-transform:uppercase;font-size:15px;font-weight:700}.admin-header h2{color:#111827;margin:15px 0;font-size:42px}.admin-header p{color:#6b7280;max-width:650px;line-height:1.7}.users-list{flex-direction:column;gap:18px;display:flex}.user-row{background:#fff;border:1px solid #e5e7eb;border-radius:20px;justify-content:space-between;align-items:center;padding:24px 30px;transition:all .35s;display:flex}.user-row:hover{border-color:#16a34a;transform:translateY(-4px);box-shadow:0 15px 35px #16a34a1f}.user-info{align-items:center;gap:20px;display:flex}.user-avatar{color:#fff;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;font-size:24px;font-weight:700;display:flex;box-shadow:0 10px 25px #16a34a4d}.user-text h3{color:#111827;margin-bottom:6px;font-size:21px}.user-text p{color:#6b7280;font-size:15px}.user-actions{align-items:center;gap:15px;display:flex}.user-actions select{color:#111827;cursor:pointer;background:#f8fafc;border:2px solid #16a34a;border-radius:12px;outline:none;width:190px;padding:13px 18px;font-size:15px;font-weight:600;transition:all .3s}.user-actions select:hover{background:#dcfce7}.user-actions select:focus{background:#fff;box-shadow:0 0 0 5px #16a34a26}@media (width<=800px){.user-row{flex-direction:column;align-items:flex-start;gap:25px}.user-actions,.user-actions select{width:100%}}@media (width<=500px){.admin-header h2{font-size:30px}.user-row{padding:20px}.user-avatar{width:55px;height:55px;font-size:20px}.user-text h3{font-size:18px}.user-info{gap:15px}}.error-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}.blur{filter:blur(90px);opacity:.45;border-radius:50%;position:absolute}.blur-1{background:#16a34a;width:380px;height:380px;top:-120px;left:-120px}.blur-2{background:#60a5fa;width:320px;height:320px;bottom:-120px;right:-120px}.error-content{z-index:5;text-align:center;width:100%;max-width:700px;position:relative}.badge{color:#16a34a;background:#16a34a14;border:1px solid #16a34a2e;border-radius:999px;align-items:center;gap:10px;margin-bottom:30px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.error-content h1{color:#111827;letter-spacing:-2px;margin-bottom:25px;font-size:64px;line-height:1.05}.error-content p{color:#6b7280;max-width:620px;margin:auto;font-size:20px;line-height:1.8}.error-buttons{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:45px;display:flex}.btn-primary{color:#fff;background:#16a34a;border-radius:16px;padding:18px 36px;font-weight:700;transition:all .35s;box-shadow:0 15px 35px #16a34a40}.btn-primary:hover{background:#15803d;transform:translateY(-5px)}.btn-secondary{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px 36px;font-weight:700;transition:all .35s;box-shadow:0 10px 25px #0000000d}.btn-secondary:hover{color:#16a34a;border-color:#16a34a;transform:translateY(-5px)}.number404{letter-spacing:-18px;color:#0000;-webkit-text-stroke:2px #16a34a14;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:360px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=900px){.number404{font-size:220px}.error-content h1{font-size:48px}.error-content p{font-size:18px}}@media (width<=600px){.error-page{padding:30px 20px}.number404{font-size:150px}.error-content h1{font-size:36px}.error-content p{font-size:16px}.error-buttons{flex-direction:column}.btn-primary,.btn-secondary{text-align:center;width:100%}}