:root{--bg-color: #050505;--text-color: #ffffff;--accent-color: #8a2be2;--accent-secondary: #00ffff;--font-main: "Outfit", sans-serif;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}[data-theme=minimalist]{--bg-color: #ffffff;--text-color: #1a1a1a;--accent-color: #2563eb;box-sizing:border-box}[data-theme=luxury]{--bg-color: #0a0a0a;--text-color: #f0f0f0;--accent-color: #d4af37;--accent-secondary: #f2d266;--font-main: "Times New Roman", serif;--glass-bg: rgba(212, 175, 55, .05);--glass-border: rgba(212, 175, 55, .2)}[data-theme=startup]{--bg-color: #ffffff;--text-color: #111827;--accent-color: #10b981;--accent-secondary: #3b82f6;--font-main: "Inter", sans-serif;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .05)}[data-theme=agency]{--bg-color: #ff4d4d;--text-color: #ffffff;--accent-color: #000000;--accent-secondary: #ffff00;--font-main: "Impact", sans-serif;--glass-bg: rgba(0, 0, 0, .2);--glass-border: rgba(255, 255, 255, .5)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:none;transition:background-color .5s,color .5s}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1}nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;position:fixed;width:100%;top:0;z-index:10;background:#050505cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-weight:700;font-size:1.5rem;color:var(--accent-color)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--accent-secondary)}main{position:relative;z-index:1;padding:0 2rem;max-width:1200px;margin:0 auto}section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:6rem 0}h1,h2,h3{font-weight:700;line-height:1.1;margin-bottom:1rem}h1{font-size:6rem;letter-spacing:-2px;background:linear-gradient(to right,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem}.subtitle{font-size:1.5rem;color:var(--accent-secondary);gap:.5rem}.form-group label{font-size:.9rem;color:var(--accent-secondary)}.form-group input,.form-group textarea,.form-group select{padding:.8rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-color);font-family:var(--font-main);font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-color)}[data-theme=minimalist] .form-group input,[data-theme=minimalist] .form-group textarea,[data-theme=minimalist] .form-group select{background:#00000008}button,.cta-button{background:var(--accent-color);color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:2rem;display:inline-block;text-decoration:none}button:hover,.cta-button:hover{transform:translateY(-2px);box-shadow:0 0 20px #8a2be280}.cursor{width:20px;height:20px;border:2px solid var(--accent-secondary);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:transform .1s;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor.hover{transform:translate(-50%,-50%) scale(2.5);background:#00ffff1a;border-color:var(--accent-color)}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(30px,9999px,10px,0)}5%{clip:rect(80px,9999px,90px,0)}10%{clip:rect(10px,9999px,50px,0)}15%{clip:rect(40px,9999px,20px,0)}20%{clip:rect(60px,9999px,70px,0)}25%{clip:rect(20px,9999px,90px,0)}30%{clip:rect(10px,9999px,50px,0)}35%{clip:rect(90px,9999px,10px,0)}40%{clip:rect(50px,9999px,30px,0)}45%{clip:rect(20px,9999px,60px,0)}50%{clip:rect(70px,9999px,40px,0)}55%{clip:rect(10px,9999px,80px,0)}60%{clip:rect(30px,9999px,20px,0)}65%{clip:rect(60px,9999px,50px,0)}70%{clip:rect(10px,9999px,90px,0)}75%{clip:rect(50px,9999px,10px,0)}80%{clip:rect(20px,9999px,60px,0)}85%{clip:rect(80px,9999px,30px,0)}90%{clip:rect(40px,9999px,70px,0)}95%{clip:rect(10px,9999px,20px,0)}to{clip:rect(60px,9999px,50px,0)}}@keyframes glitch-anim2{0%{clip:rect(10px,9999px,90px,0)}5%{clip:rect(50px,9999px,30px,0)}10%{clip:rect(20px,9999px,60px,0)}15%{clip:rect(80px,9999px,10px,0)}20%{clip:rect(40px,9999px,70px,0)}25%{clip:rect(10px,9999px,20px,0)}30%{clip:rect(60px,9999px,50px,0)}35%{clip:rect(30px,9999px,90px,0)}40%{clip:rect(70px,9999px,40px,0)}45%{clip:rect(10px,9999px,80px,0)}50%{clip:rect(50px,9999px,10px,0)}55%{clip:rect(20px,9999px,60px,0)}60%{clip:rect(80px,9999px,30px,0)}65%{clip:rect(40px,9999px,70px,0)}70%{clip:rect(10px,9999px,20px,0)}75%{clip:rect(60px,9999px,50px,0)}80%{clip:rect(30px,9999px,90px,0)}85%{clip:rect(70px,9999px,40px,0)}90%{clip:rect(10px,9999px,80px,0)}95%{clip:rect(50px,9999px,10px,0)}to{clip:rect(20px,9999px,60px,0)}}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.process-step{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;position:relative;overflow:hidden;transition:transform .3s}.process-step:hover{transform:translateY(-5px)}.step-number{font-size:4rem;font-weight:700;color:var(--accent-color);opacity:.2;position:absolute;top:-1rem;right:-1rem}.process-step h3{margin-top:1rem;color:var(--accent-secondary)}@media(max-width:768px){nav{flex-direction:column;padding:1rem;background:#050505f2}.nav-links{margin-top:1rem;gap:1.5rem;font-size:.9rem}h1{font-size:2.5rem}.subtitle{font-size:1rem}section{padding:3rem 0}.services-grid,.catalog-grid{grid-template-columns:1fr}.glass-card{padding:1.5rem}.contact-card{width:100%}}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.contact-form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.contact-form .contact-card{width:100%}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.award-badge{position:fixed;bottom:2rem;right:2rem;width:100px;height:100px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:100;animation:rotateBadge 10s linear infinite;cursor:pointer;transition:transform .3s,border-color .3s}.award-badge:hover{transform:scale(1.1);border-color:var(--accent-color)}.award-badge span{position:absolute;width:100%;height:100%;text-align:center;font-size:.6rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent-secondary);animation:rotateText 10s linear infinite reverse}.award-badge .inner-circle{width:40px;height:40px;background:var(--accent-color);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:.8rem;color:#fff}@keyframes rotateBadge{0%{transform:rotate(0)}to{transform:rotate(360deg)}}p{font-size:1.2rem;line-height:1.6;color:var(--text-color);opacity:.8;max-width:600px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;color:#fff;box-shadow:0 0 15px #8a2be266}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.service-card{transition:transform .3s,border-color .3s}.service-card:hover{transform:translateY(-10px);border-color:var(--accent-secondary)}.service-card h3{color:var(--accent-secondary);margin-bottom:1rem}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;margin-top:2rem;perspective:1000px}.vibe-card{padding:0;overflow:hidden;border-bottom:1px solid var(--glass-border)}.vibe-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.vibe-card:hover .vibe-image img{transform:scale(1.1)}.vibe-content{padding:2rem;flex-grow:1;display:flex;flex-direction:column}.vibe-content h3{color:var(--accent-secondary);font-size:1.5rem;margin-bottom:.5rem}.vibe-content p{font-size:1rem;margin-bottom:1.5rem;flex-grow:1;color:var(--text-color);opacity:.7}.vibe-btn{width:100%;margin-top:auto;background:transparent;border:1px solid var(--accent-color);color:var(--accent-color);padding:.8rem;cursor:pointer;transition:all .3s}.vibe-btn:hover{background:var(--accent-color);color:#fff;box-shadow:0 0 15px #8a2be266}.contact-card{text-align:center;max-width:600px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;text-align:left}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-color);-webkit-box-shadow:0 0 0px 1000px var(--bg-color) inset;transition:background-color 5000s ease-in-out 0s}select option{background-color:var(--bg-color);color:var(--text-color)}@media(hover:none)and (pointer:coarse){.cursor{display:none!important}body{cursor:auto!important}.service-card:hover,.vibe-card:hover .vibe-image img,.cta-button:hover,button:hover{transform:none!important;box-shadow:none!important}}