:root{--primary-color: #ff6b35;--primary-hover: #e55a2b;--bg-dark: #1a1a1a;--bg-medium: #2d2d2d;--bg-light: #3a3a3a;--text-main: #ffffff;--text-secondary: #b0b0b0;--text-muted: #707070;--bg-body: #f5f5f5;--bg-alt: #e8e8e8;--border-color: #333333;--accent-yellow: #ffa500;--container-width: 1200px;--radius-sm: 0px;--radius-md: 2px;--font-family: "Rajdhani", "Arial Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-normal: 500;--font-weight-bold: 700}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}header{background:var(--bg-dark);border-bottom:3px solid var(--primary-color);padding:20px 0;position:sticky;top:0;z-index:100;transition:all .3s ease;box-shadow:0 4px 8px #0000004d}header .container{display:flex;align-items:center;justify-content:space-between}header h1{font-size:clamp(1.5rem,3vw,2rem);margin:0;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--text-main);text-transform:uppercase;text-shadow:none}body{font-family:var(--font-family);background:var(--bg-body);background-attachment:fixed;margin:20px 0 0;padding:0;color:#1a1a1a;line-height:1.6;-webkit-font-smoothing:antialiased;font-weight:var(--font-weight-normal)}h1,h2,h3,h4{line-height:1.2;font-weight:var(--font-weight-bold);letter-spacing:.02em;margin-bottom:1rem;text-transform:uppercase}h1{font-size:clamp(2.5rem,5vw,4rem);color:var(--bg-dark)}h2{font-size:clamp(2rem,4vw,3rem);color:var(--bg-dark)}p{margin-bottom:20px;margin-top:35px;color:#4a4a4a;font-size:1rem;font-weight:var(--font-weight-normal)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 20px}.section{padding:80px 0;background:transparent}.section-alt{background:var(--bg-alt);padding:80px 0;border-radius:var(--radius-md);margin:20px 0;border-left:4px solid var(--primary-color)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;font-size:1rem;text-transform:uppercase;letter-spacing:.05em}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 0 var(--primary-hover)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(1px);box-shadow:0 1px 0 var(--primary-hover)}.btn-secondary{background:var(--bg-dark);color:var(--text-main);border:2px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-medium);border-color:var(--primary-color);transform:translateY(1px)}.card{background:#fff;border:2px solid var(--border-color);box-shadow:4px 4px #0000001a}.slider-container{background:transparent;padding:60px 0;border-radius:var(--radius-md)}.slider-container:before{background:linear-gradient(to right,var(--bg-body),transparent)}.slider-container:after{background:linear-gradient(to left,var(--bg-body),transparent)}footer{background:var(--bg-dark);border-top:3px solid var(--primary-color);padding:30px 0;margin-top:auto;text-align:center;box-shadow:0 -4px 8px #0000004d}footer p{color:var(--text-secondary);font-size:.875rem;margin:0;font-weight:var(--font-weight-normal)}html,body{height:100%}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.slider-container{overflow:hidden;background:transparent;padding:40px 0;margin:40px 0;white-space:nowrap;position:relative;border-radius:var(--radius-md)}.slide-content{width:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.slide-content h3{font-size:1.1rem;font-weight:700;margin-bottom:4px;color:var(--text-main)}.slide-content p{font-size:1rem;color:var(--text-secondary);font-weight:500;margin-bottom:12px}.slide-content button{width:100%;border-radius:var(--radius-sm);padding:10px;transition:all .2s ease}.slider-container:before,.slider-container:after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none}.slider-container:before{left:0;background:linear-gradient(to right,var(--bg-gradient-start),transparent)}.slider-container:after{right:0;background:linear-gradient(to left,var(--bg-gradient-start),transparent)}.slider-track{display:flex;width:max-content;gap:0;animation:scroll 25s linear infinite;will-change:transform}.slider-track:hover{animation-play-state:paused}.slide{flex-shrink:0;margin:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#fff;padding:24px;width:260px;height:400px;border-radius:var(--radius-md);box-shadow:4px 4px #00000026;border:2px solid #333333;transition:all .3s ease}.slide:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #0003;border-color:var(--primary-color)}.slide img{height:180px;width:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1));transition:transform .3s ease;margin-bottom:20px}.slide:hover img{transform:scale(1.05)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% / 3))}}.hamburger-btn{display:flex;background:transparent;border:none;cursor:pointer;padding:8px;align-items:center;justify-content:center;transition:all .3s ease;border-radius:var(--radius-sm);z-index:1001}.hamburger-btn:hover{background:#ff66001a}.hamburger-btn svg{color:var(--primary-color);transition:transform .3s ease}.hamburger-btn:hover svg{transform:scale(1.1)}.hamburger-btn svg .line{transform-origin:center;transition:all .3s ease}.hamburger-btn svg.open .line-top{transform:translateY(6px) rotate(45deg)}.hamburger-btn svg.open .line-middle{opacity:0}.hamburger-btn svg.open .line-bottom{transform:translateY(-6px) rotate(-45deg)}.nav-modal{display:none;position:fixed;top:0;right:0;width:100%;max-width:300px;height:100vh;background:var(--bg-primary, #1a1a1a);border-left:3px solid var(--primary-color);box-shadow:-5px 0 20px #0000004d;padding:80px 20px 20px;z-index:1000;animation:slideIn .3s ease-out}.nav-modal.active{display:block}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.close-menu-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--primary-color);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-menu-btn:hover{background:#ff66001a;transform:rotate(90deg)}.close-menu-btn svg{width:24px;height:24px}.nav-content{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.nav-content a{color:var(--text-main, #ffffff);text-decoration:none;font-weight:600;font-size:1rem;padding:12px 16px;border-radius:var(--radius-sm);transition:all .3s ease;border-left:3px solid transparent;text-transform:uppercase;letter-spacing:.1em;width:100%}.nav-content a:hover{color:var(--primary-color);background:#ff66001a;border-left:3px solid var(--primary-color);transform:translate(5px)}@media(min-width:768px){.hamburger-btn,.close-menu-btn{display:none}.nav-modal{display:block!important;position:static;width:auto;max-width:none;height:auto;background:transparent;border:none;box-shadow:none;padding:0;animation:none}.nav-content{flex-direction:row;gap:30px;align-items:center}.nav-content a{font-size:.9rem;padding:8px 12px;border-left:none;border-bottom:2px solid transparent;width:auto}.nav-content a:hover{border-left:none;border-bottom:2px solid var(--primary-color);transform:translateY(-2px);background:transparent}}.hero{background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-medium) 100%);padding:80px 20px;text-align:center;border-bottom:3px solid var(--primary-color);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,107,107,.03) 10px,rgba(255,107,107,.03) 20px);pointer-events:none}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);color:var(--text-main);margin-bottom:20px;line-height:1.1;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.hero .highlight{color:var(--primary-color);display:block}.hero p{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--text-secondary);margin-bottom:40px;line-height:1.6}.hero .btn{font-size:1.1rem;padding:18px 40px;margin:0 10px}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.stats-section{background:#fff;padding:80px 20px;border-bottom:2px solid var(--border-color);display:flex;justify-content:center}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(200px,350px));justify-content:center;gap:40px;width:100%;max-width:1400px;margin:0 auto}.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;border-left:3px solid var(--primary-color);background:var(--bg-body);transition:all .3s ease;width:100%}.stat-item:hover{background:#fff;box-shadow:0 15px 30px #00000014;border-left-width:6px;transform:translateY(-5px)}.stat-number{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1;margin-bottom:12px}.stat-label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-weight:var(--font-weight-bold)}.features-section{padding:100px 20px;background:var(--bg-body);display:flex;flex-direction:column;align-items:center}.features-section h2{text-align:center;margin-bottom:60px;color:var(--bg-dark)}.features-grid{display:grid;grid-template-columns:repeat(4,minmax(200px,350px));justify-content:center;gap:30px;width:100%;max-width:1400px;margin:0 auto}.feature-box{display:flex;flex-direction:column;align-items:center;background:#fff;padding:50px 30px;text-align:center;border:2px solid var(--border-color);box-shadow:6px 6px #0000001a;transition:all .3s ease;width:100%}.feature-box:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #00000026;border-color:var(--primary-color)}.feature-icon{font-size:3.8rem;margin-bottom:25px;display:block}.feature-box h3{font-size:1.4rem;color:var(--bg-dark);margin-bottom:15px}.feature-box p{color:var(--text-muted);font-size:1rem;line-height:1.7;margin:0}.cta-section{background:var(--bg-dark);padding:120px 20px;text-align:center;border-top:5px solid var(--primary-color)}.cta-section h2{color:var(--text-main);margin-bottom:25px;font-size:clamp(2rem,5vw,3rem)}.cta-section p{color:var(--text-secondary);font-size:1.3rem;margin-bottom:50px;max-width:750px;margin-left:auto;margin-right:auto;line-height:1.6}@media(max-width:1100px){.stats-grid,.features-grid{grid-template-columns:repeat(2,1fr);max-width:800px}}@media(max-width:768px){.hero{padding:80px 20px}.hero-buttons{flex-direction:column;align-items:center}.hero .btn{width:100%;max-width:320px}}@media(max-width:600px){.stats-grid,.features-grid{grid-template-columns:1fr;max-width:400px}.feature-box,.stat-item{padding:40px 30px}}.about-hero{text-align:center;padding:40px 20px;background:#fff;border:2px solid var(--border-color);box-shadow:4px 4px #0000001a;margin-bottom:60px}.about-hero h2{margin-bottom:20px}.about-hero p{max-width:700px;margin:0 auto;color:var(--text-muted);font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:60px 0}.feature-card{background:#fff;padding:30px;border:2px solid var(--border-color);box-shadow:4px 4px #0000001a;transition:all .3s ease}.feature-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #00000026;border-color:var(--primary-color)}.feature-icon{font-size:3rem;margin-bottom:20px;display:block}.feature-card h3{font-size:1.3rem;margin-bottom:12px;color:var(--bg-dark)}.feature-card p{color:var(--text-muted);margin:0;line-height:1.6}.tech-stack{background:var(--bg-dark);color:var(--text-main);padding:60px 20px;margin:60px -20px;text-align:center}.tech-stack h3{color:var(--text-main);margin-bottom:30px}.tech-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;max-width:800px;margin:0 auto}.tech-badge{background:var(--bg-medium);color:var(--text-main);padding:12px 24px;border:2px solid var(--border-color);font-weight:var(--font-weight-bold);text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;transition:all .3s ease}.tech-badge:hover{border-color:var(--primary-color);background:var(--bg-light);transform:translateY(-2px)}@media(max-width:768px){.features-grid{grid-template-columns:1fr}.tech-stack{margin:40px 0}}.contact-form{max-width:600px;margin:40px auto 0;padding:40px;background:#fff;border:2px solid var(--border-color);box-shadow:4px 4px #0000001a}.contact-form .form-group{margin-bottom:24px}.contact-form label{display:block;font-weight:var(--font-weight-bold);color:var(--bg-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.9rem}.contact-form input,.contact-form textarea{width:100%;padding:12px 16px;font-family:var(--font-family);font-size:1rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-body);color:var(--bg-dark);transition:all .2s ease;font-weight:var(--font-weight-normal)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #ff6b351a}.contact-form textarea{min-height:150px;resize:vertical;font-family:inherit}.contact-form button[type=submit]{width:100%;margin-top:8px}.success-message{background:#d4edda;border:2px solid #28a745;color:#155724;padding:16px 20px;margin:20px auto;max-width:600px;text-align:center;font-weight:var(--font-weight-bold);border-radius:var(--radius-sm)}@media(max-width:768px){.contact-form{padding:30px 20px;margin:20px auto 0}}.not-found-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:var(--bg-body)}.not-found-content{text-align:center;max-width:600px;padding:60px 40px;background:#fff;border:2px solid var(--border-color);box-shadow:4px 4px #0000001a}.not-found-title{font-size:clamp(6rem,15vw,10rem);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0;line-height:1;text-shadow:4px 4px 0 rgba(0,0,0,.1)}.not-found-subtitle{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--bg-dark);margin:20px 0;text-transform:uppercase;letter-spacing:.05em}.not-found-message{color:var(--text-muted);font-size:1.1rem;margin-bottom:40px;line-height:1.6}.not-found-content .btn{margin-top:20px}@media(max-width:768px){.not-found-content{padding:40px 20px}}