:root{--primary-color:#f05e2d;--primary-color-light:#ff8c69;--primary-color-dark:#e55a2b;--secondary-color:#2c3e50;--accent-color:#f39c12;--text-color:#2c3e50;--text-color-light:#4c4f4f;--text-color-lighter:#95a5a6;--body-color:#ffffff;--container-color:#ffffff;--card-color:#ffffff;--header-color:rgba(255,255,255,0.95);--border-color:#ecf0f1;--shadow-light:0 2px 8px rgba(44,62,80,0.1);--shadow-medium:0 4px 20px rgba(44,62,80,0.15);--shadow-heavy:0 8px 32px rgba(44,62,80,0.2);--body-font:'Inter',sans-serif;--h1-font-size:3rem;--h2-font-size:2.25rem;--h3-font-size:1.5rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.75rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semi-bold:600;--font-bold:700;--header-height:4.5rem;--section-padding:5rem 0;--container-padding:0 1rem;--border-radius:0.75rem;--border-radius-sm:0.5rem;--border-radius-lg:1rem;--transition-fast:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease;--z-tooltip:10;--z-fixed:100;--z-modal:1000}[data-theme="dark"]{--text-color:#ecf0f1;--text-color-light:#bdc3c7;--text-color-lighter:#95a5a6;--body-color:#1a1a1a;--container-color:#2c2c2c;--card-color:#2c2c2c;--header-color:rgba(26,26,26,0.95);--border-color:#3c3c3c;--shadow-light:0 2px 8px rgba(0,0,0,0.3);--shadow-medium:0 4px 20px rgba(0,0,0,0.4);--shadow-heavy:0 8px 32px rgba(0,0,0,0.5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--body-font);font-size:var(--normal-font-size);font-weight:var(--font-regular);color:var(--text-color);background-color:var(--body-color);line-height:1.6;transition:background-color var(--transition-medium),color var(--transition-medium)}body{visibility:visible!important;opacity:1!important}body.loaded{animation:fadeInContent 0.3s ease-in-out}@keyframes fadeInContent{from{opacity:0.5}to{opacity:1}}h1,h2,h3,h4,h5,h6{color:var(--text-color);font-weight:var(--font-semi-bold);line-height:1.2}h1{font-size:var(--h1-font-size)}h2{font-size:var(--h2-font-size)}h3{font-size:var(--h3-font-size)}p{margin-bottom:1rem;color:var(--text-color-light)}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block;background-color:var(--border-color)}img:not([src]){opacity:0}ul{list-style:none}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:1200px;margin:0 auto;padding:var(--container-padding)}.section{padding:var(--section-padding)}.section__header{text-align:center;margin-bottom:3rem}.section__title{margin-bottom:1rem;font-size:var(--h2-font-size);font-weight:var(--font-bold)}.section__subtitle{color:var(--text-color);font-size:1.125rem;max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.875rem 2rem;font-size:var(--normal-font-size);font-weight:var(--font-medium);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition-medium);cursor:pointer;border:2px solid transparent;min-height:3rem}.btn--primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-dark));color:white;box-shadow:var(--shadow-light)}.btn--primary:hover{background:linear-gradient(135deg,var(--primary-color-dark),var(--primary-color));box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn--outline{background:transparent;color:var(--text-color);border-color:var(--border-color)}.btn--outline:hover{background:var(--primary-color);color:white;border-color:var(--primary-color);transform:translateY(-2px)}.btn--full{width:100%}.header{position:fixed;top:0;left:0;width:100%;background:var(--header-color);backdrop-filter:blur(10px);box-shadow:var(--shadow-light);z-index:var(--z-fixed);transition:all var(--transition-medium)}.nav{height:var(--header-height);display:flex;justify-content:space-between;align-items:center}.nav__logo{display:flex;align-items:center;gap:0.5rem;font-weight:var(--font-bold);font-size:1.25rem;color:var(--text-color)}.nav__logo-img{width:40px;height:40px;border-radius:50%;object-fit:contain}.nav__list{display:flex;gap:2rem}.nav__link{color:var(--text-color);font-weight:var(--font-medium);position:relative;transition:color var(--transition-fast)}.nav__link:hover,.nav__link.active-link{color:var(--primary-color)}.nav__link.active-link::after{content:'';position:absolute;bottom:-0.5rem;left:50%;transform:translateX(-50%);width:6px;height:6px;background:var(--primary-color);border-radius:50%}.nav__actions{display:flex;align-items:center;gap:1rem}.theme-toggle{width:44px;height:44px;border-radius:50%;background:var(--container-color);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:all var(--transition-fast);box-shadow:var(--shadow-light)}.theme-toggle:hover{background:var(--primary-color);color:white;transform:scale(1.05)}.nav__toggle{display:none;width:44px;height:44px;border-radius:50%;background:var(--container-color);border:1px solid var(--border-color);align-items:center;justify-content:center;color:var(--text-color);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.hero{padding-top:calc(var(--header-height) + 2rem);min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--body-color) 0%,rgba(255,107,53,0.05) 100%);position:relative;overflow:hidden}.hero__container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero__content{max-width:500px}.hero__title{margin-bottom:1.5rem;font-size:var(--h1-font-size);font-weight:var(--font-bold);line-height:1.1}.text-gradient{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__description{margin-bottom:2rem;font-size:1.125rem;color:var(--text-color-light);line-height:1.6}.hero__buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero__image{position:relative;display:flex;justify-content:center;align-items:center}.hero__img{width:100%;max-width:500px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-heavy);z-index:2;position:relative}.hero__decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.decoration__circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));opacity:0.1;animation:float 6s ease-in-out infinite}.decoration__circle--1{width:200px;height:200px;top:-50px;right:-50px;animation-delay:-2s}.decoration__circle--2{width:150px;height:150px;bottom:-30px;left:-30px;animation-delay:-4s}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-100{width:100%}.h-100{height:100%}.mb-1{margin-bottom:0.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:0.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.scrollup{position:fixed;right:1rem;bottom:-20%;background:var(--primary-color);opacity:0.8;padding:0.3rem;border-radius:0.4rem;z-index:var(--z-tooltip);transition:all var(--transition-medium);display:flex;align-items:center;justify-content:center;width:45px;height:45px;cursor:pointer;text-decoration:none;pointer-events:auto}.scrollup:hover{background:var(--primary-color-dark);opacity:1;transform:translateY(-3px)}.scrollup__icon{font-size:1.5rem;color:white}.show-scroll{bottom:3rem}.fade-in{animation:fadeIn 0.6s ease-out}.slide-in-left{animation:slideInLeft 0.6s ease-out}.slide-in-right{animation:slideInRight 0.6s ease-out}.slide-in-up{animation:slideInUp 0.6s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:576px){:root{--h1-font-size:2rem;--h2-font-size:1.75rem;--h3-font-size:1.25rem;--section-padding:3rem 0}.container{padding:0 0.75rem}.hero__buttons{flex-direction:column}.btn{width:100%}}