*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#0d1117;color:#e6edf3;scroll-behavior:smooth}body{margin:0;min-height:100vh;background-color:#0d1117;color:#e6edf3}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:#161b22;border-bottom:1px solid #30363d;padding:20px 0}.header__inner{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:15px}.logo img{height:60px}.logo h1{margin:0;font-size:2.2rem;font-weight:900;color:#e6edf3;letter-spacing:-1px;animation:text-flicker 1.5s infinite alternate}@keyframes text-flicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:-.2rem -.2rem 1rem #00ffff,.2rem .2rem 1rem #ff00ff}20%,24%,55%{text-shadow:none}}nav ul{display:flex;list-style:none;margin:0;padding:0;gap:30px}nav a{text-decoration:none;color:#8b949e;font-weight:700;font-size:1.1rem;transition:color .3s ease,transform .3s ease}nav a:hover{color:#58a6ff;transform:translateY(-3px)}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0d1117,#161b22);border-bottom:1px solid #30363d;padding:100px 20px;text-align:center}.hero:before,.hero:after{content:"";position:absolute;background:radial-gradient(circle,rgba(88,166,255,.2) 0%,transparent 70%);animation:move-particles 15s infinite linear;z-index:0;opacity:.3}.hero:before{width:100px;height:100px;top:10%;left:5%;animation-duration:20s}.hero:after{width:150px;height:150px;bottom:15%;right:10%;animation-duration:25s}.hero__inner{position:relative;z-index:1}.hero h2{font-size:3.5rem;margin-bottom:20px;color:#c9d1d9;font-weight:900;line-height:1.2;text-shadow:0 0 10px rgba(88,166,255,.5)}.hero p{font-size:1.4rem;color:#8b949e;max-width:800px;margin:0 auto 40px;line-height:1.6}.btn-primary{display:inline-block;background-color:#238636;color:#fff;padding:15px 30px;border-radius:8px;font-weight:700;font-size:1.1rem;text-decoration:none;box-shadow:0 5px 15px #23863666;transition:background-color .3s ease,transform .3s ease}.btn-primary:hover{background-color:#2ea043;transform:translateY(-5px)}@keyframes move-particles{0%{transform:translate(0);opacity:.3}25%{transform:translate(20px,30px);opacity:.4}50%{transform:translate(-10px,-20px);opacity:.3}75%{transform:translate(15px,10px);opacity:.4}to{transform:translate(0);opacity:.3}}.services,.why-us,.hotmart-promo,.contact{padding:80px 20px;border-bottom:1px solid #30363d}.services h2,.why-us h2,.hotmart-promo h2,.contact h2{text-align:center;font-size:2.8rem;margin-bottom:60px;color:#c9d1d9;font-weight:900}.service-grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-item{background-color:#161b22;padding:30px;border-radius:10px;text-align:center;box-shadow:0 8px 25px #0000004d;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:1px solid #30363d}.service-item:hover{transform:translateY(-10px);box-shadow:0 12px 35px #00000080;border-color:#58a6ff}.service-item h3{font-size:1.8rem;color:#58a6ff;margin-bottom:15px}.service-item p{font-size:1.1rem;color:#8b949e;line-height:1.5}.why-us__item{display:flex;align-items:center;gap:25px;margin-bottom:40px}.why-us__item:last-of-type{margin-bottom:0}.why-us .icon{font-size:3rem;color:#58a6ff;flex-shrink:0}.why-us h3{font-size:1.8rem;color:#c9d1d9;margin-bottom:10px}.why-us p{font-size:1.1rem;color:#8b949e;line-height:1.6}.hotmart-promo{text-align:center;background:radial-gradient(circle at top right,rgba(88,166,255,.1),transparent 55%)}.hotmart-promo__inner{max-width:700px;margin:0 auto}.hotmart-promo p{font-size:1.2rem;color:#8b949e;line-height:1.6;margin-bottom:35px}.btn-secondary{display:inline-block;padding:14px 28px;border-radius:8px;font-weight:700;font-size:1.05rem;text-decoration:none;background:linear-gradient(135deg,#1f6feb,#58a6ff);color:#fff;box-shadow:0 6px 20px #58a6ff59;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}.btn-secondary:hover{transform:translateY(-4px);box-shadow:0 10px 30px #58a6ff73;filter:brightness(1.05)}.contact{text-align:center}.contact p{font-size:1.2rem;color:#8b949e;margin-bottom:40px}.contact-form{max-width:600px;margin:0 auto;background-color:#161b22;padding:40px;border-radius:10px;border:1px solid #30363d;box-shadow:0 8px 25px #0000004d}.contact-form label{display:block;text-align:left;margin-bottom:8px;color:#c9d1d9;font-weight:700}.contact-form input,.contact-form textarea{width:100%;padding:12px;margin-bottom:20px;border:1px solid #30363d;border-radius:6px;background-color:#0d1117;color:#e6edf3;font:inherit;resize:none}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff33}.contact-form button{background-color:#238636;color:#fff;padding:15px 30px;border:none;border-radius:8px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease;box-shadow:0 5px 15px #23863666;width:100%}.contact-form button:hover{background-color:#2ea043;transform:translateY(-3px)}.contact-form button:disabled{cursor:not-allowed;opacity:.7;transform:none}.contact-form__feedback{min-height:24px;margin-top:10px;text-align:left}.contact-form__success{color:#2ea043;font-weight:600}.contact-form__error{color:#f85149;font-weight:600}.footer{background-color:#161b22;padding:30px 0;text-align:center;color:#8b949e;font-size:.9rem;border-top:1px solid #30363d;margin-top:auto}.social-links{display:flex;justify-content:center;gap:20px;margin-top:10px}.social-links a{color:#8b949e;font-size:1.5rem;transition:color .3s ease}.social-links a:hover{color:#58a6ff}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.appear{opacity:1;transform:translateY(0)}.typing-effect span{display:inline-block;overflow:hidden;white-space:nowrap;border-right:.15em solid #58a6ff;animation:blink-caret .75s step-end infinite}.typing-effect--done span{border-right:none;animation:none}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#58a6ff}}@media (max-width: 768px){.header__inner{flex-direction:column;gap:20px}nav ul{flex-direction:column}.hero{padding:80px 20px}.hero h2{font-size:2.5rem}.hero p{font-size:1.1rem}.service-grid{grid-template-columns:1fr}.why-us__item{flex-direction:column;text-align:center}.why-us .icon{margin-bottom:15px}}
