@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-main: hsl(210, 20%, 98%);--bg-card: hsla(0, 0%, 100%, .75);--bg-card-hover: hsla(0, 0%, 100%, .95);--border-color: hsla(220, 15%, 85%, .5);--border-glow: hsla(205, 86%, 58%, .2);--primary: hsl(205, 86%, 58%);--primary-glow: hsla(205, 86%, 58%, .25);--accent: hsl(158, 94%, 38%);--accent-glow: hsla(158, 94%, 38%, .25);--purple: hsl(344, 88%, 57%);--purple-glow: hsla(344, 88%, 57%, .25);--orange: hsl(33, 90%, 50%);--orange-glow: hsla(33, 90%, 50%, .25);--red: hsl(0, 100%, 47%);--red-glow: hsla(0, 100%, 47%, .25);--text-primary: hsl(224, 25%, 12%);--text-muted: hsl(220, 15%, 38%);--text-dimmed: hsl(220, 12%, 55%);--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--header-height: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative}body:before,body:after{content:"";position:absolute;width:50vw;height:50vw;max-width:800px;max-height:800px;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(150px);opacity:.08}body:before{top:-10%;left:-10%;background:radial-gradient(circle,var(--accent),transparent 70%);animation:pulse-glow-1 15s infinite alternate ease-in-out}body:after{top:40%;right:-10%;background:radial-gradient(circle,var(--purple),transparent 70%);animation:pulse-glow-2 18s infinite alternate ease-in-out}@keyframes pulse-glow-1{0%{transform:translate(0) scale(1)}to{transform:translate(10vw,5vh) scale(1.1)}}@keyframes pulse-glow-2{0%{transform:translate(0) scale(1.1)}to{transform:translate(-8vw,-10vh) scale(.9)}}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}img,svg{max-width:100%;height:auto;vertical-align:middle}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:120px 0 80px;position:relative}.text-gradient{background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent) 70%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,var(--text-primary) 30%,var(--primary) 70%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;border:none;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #38a3ef59}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff0d;border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.header{position:fixed;top:0;left:0;width:100%;height:var(--header-height);z-index:1000;border-bottom:1px solid transparent;transition:var(--transition-smooth);display:flex;align-items:center}.header-scrolled{height:70px;background-color:#ffffffd9;backdrop-filter:blur(16px);border-color:var(--border-color);box-shadow:0 4px 30px #0000000a}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.logo-link{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:800;font-size:1.5rem;letter-spacing:-.5px}.logo-dot{color:var(--accent)}.header-logo-img{height:38px;width:auto;display:block;transition:var(--transition-smooth)}.footer-logo-img{height:42px;width:auto;display:block}.nav-menu{display:flex;align-items:center;gap:32px}.nav-link{font-size:.95rem;font-weight:500;color:var(--text-muted);position:relative;padding:6px 0}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(to right,var(--accent),var(--purple));transition:var(--transition-smooth)}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:16px}.lang-toggle{display:inline-flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:30px;padding:4px;cursor:pointer;position:relative;user-select:none}.lang-btn{padding:6px 14px;font-size:.8rem;font-weight:700;border-radius:20px;color:var(--text-dimmed);transition:var(--transition-smooth);z-index:2}.lang-btn.active{color:#fff;background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%)}.mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;z-index:1100}.mobile-nav-toggle span{display:block;width:24px;height:2px;background-color:var(--text-primary);margin:5px 0;transition:var(--transition-smooth)}.hero{min-height:100vh;display:flex;align-items:center;padding:140px 0 100px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:48px}.hero-content{max-width:680px}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:#0ce9d31a;border:1px solid hsla(174,90%,48%,.25);color:var(--accent);padding:8px 16px;border-radius:30px;font-size:.85rem;font-weight:600;margin-bottom:24px;box-shadow:0 4px 15px #0000001a}.hero-tag:before{content:"";display:inline-block;width:8px;height:8px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent)}.hero-title{font-size:3.5rem;font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:24px}.hero-subtitle{font-size:1.15rem;color:var(--text-muted);margin-bottom:40px;line-height:1.7}.hero-ctas{display:flex;flex-wrap:wrap;gap:16px}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hero-artwork{width:100%;max-width:450px;aspect-ratio:1;position:relative}.artwork-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background:radial-gradient(circle,var(--purple-glow) 0%,transparent 70%);z-index:1}.artwork-mesh{position:relative;z-index:2;width:100%;height:100%;animation:rotate-slow 40s linear infinite}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-header{text-align:center;max-width:650px;margin:0 auto 64px}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:16px;letter-spacing:-.5px}.section-subtitle{color:var(--text-muted);font-size:1.1rem}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.service-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:48px;transition:var(--transition-smooth);backdrop-filter:blur(12px);display:flex;flex-direction:column;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 80%,var(--border-glow) 100%);pointer-events:none;opacity:0;transition:var(--transition-smooth)}.service-card:hover{transform:translateY(-8px);background:var(--bg-card-hover);border-color:#0ce9d34d;box-shadow:0 10px 40px #0000004d}.service-card:hover:before{opacity:1}.service-icon-box{width:64px;height:64px;border-radius:var(--radius-md);background:#ffffff08;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:32px;transition:var(--transition-smooth)}.service-card:hover .service-icon-box{background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%);color:#fff;border-color:transparent;transform:scale(1.05);box-shadow:0 8px 20px var(--accent-glow)}.service-card h3{font-size:1.75rem;margin-bottom:16px}.service-card p{color:var(--text-muted);margin-bottom:32px;font-size:1rem}.service-features{list-style:none;margin-top:auto;display:flex;flex-direction:column;gap:14px}.service-features li{display:flex;align-items:center;gap:12px;font-size:.95rem}.service-features li svg{color:var(--accent);flex-shrink:0;transition:var(--transition-smooth)}.service-card:hover .service-features li svg{transform:scale(1.1)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.about-content h2{font-size:2.5rem;margin-bottom:24px;letter-spacing:-.5px}.about-desc{font-size:1.05rem;color:var(--text-muted);margin-bottom:24px}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.stat-item{background:var(--bg-card);border:1px solid var(--border-color);padding:24px 16px;border-radius:var(--radius-lg);text-align:center;backdrop-filter:blur(8px);transition:var(--transition-smooth)}.stat-item:hover{border-color:var(--purple);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 8px 25px var(--purple-glow)}.stat-number{font-family:var(--font-heading);font-size:2.25rem;font-weight:800;color:var(--text-primary);margin-bottom:4px;background:linear-gradient(135deg,var(--accent) 0%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.about-visual{position:relative;display:flex;justify-content:center}.visual-box{width:100%;max-width:480px;aspect-ratio:4/3;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;position:relative;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center}.visual-box:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,var(--purple-glow) 0%,transparent 60%);pointer-events:none}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portfolio-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-smooth);display:flex;flex-direction:column;backdrop-filter:blur(12px);height:100%}.portfolio-item:hover{transform:translateY(-6px);border-color:var(--primary);background:var(--bg-card-hover);box-shadow:0 12px 30px #0000004d}.portfolio-img-box{aspect-ratio:16/9;background:linear-gradient(135deg,#161e31,#0c101a);border-bottom:1px solid var(--border-color);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.portfolio-img-box svg{width:48px;height:48px;color:var(--text-dimmed);transition:var(--transition-smooth)}.portfolio-item:hover .portfolio-img-box svg{color:var(--primary);transform:scale(1.1) rotate(5deg)}.portfolio-img-glow{position:absolute;width:60%;height:60%;border-radius:50%;filter:blur(40px);pointer-events:none;opacity:.3;transition:var(--transition-smooth)}.portfolio-item:hover .portfolio-img-glow{opacity:.5;transform:scale(1.2)}.portfolio-item:nth-child(1) .portfolio-img-glow{background:var(--accent)}.portfolio-item:nth-child(2) .portfolio-img-glow{background:var(--purple)}.portfolio-item:nth-child(3) .portfolio-img-glow{background:var(--primary)}.portfolio-body{padding:32px;flex-grow:1;display:flex;flex-direction:column}.portfolio-tag{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--accent);letter-spacing:1px;margin-bottom:12px}.portfolio-body h3{font-size:1.35rem;margin-bottom:12px;line-height:1.3}.portfolio-body p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.contact-info{display:flex;flex-direction:column;justify-content:center}.contact-info-title{font-size:2.25rem;margin-bottom:16px;letter-spacing:-.5px}.contact-info-desc{color:var(--text-muted);margin-bottom:40px}.contact-details{display:flex;flex-direction:column;gap:24px}.contact-detail-item{display:flex;align-items:flex-start;gap:16px}.contact-detail-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.contact-detail-content h4{font-size:.95rem;font-weight:600;color:var(--text-muted);margin-bottom:4px}.contact-detail-content p{font-size:1rem;color:var(--text-primary)}.contact-form-box{background:var(--bg-card);border:1px solid var(--border-color);padding:48px;border-radius:var(--radius-xl);backdrop-filter:blur(12px);position:relative;overflow:hidden}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group-full{grid-column:span 2}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-muted);transition:var(--transition-smooth)}.form-input{background:#ffffffbf;border:1px solid var(--border-color);padding:14px 18px;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:var(--transition-smooth)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow);background:#fff}.form-input:focus:invalid{border-color:#f04242;box-shadow:0 0 10px #f0424233}.form-input:user-valid{border-color:#14b858}.form-input:user-invalid{border-color:#f04242}textarea.form-input{resize:vertical;min-height:120px}.form-message{grid-column:span 2;padding:16px;border-radius:var(--radius-sm);font-size:.95rem;display:none;align-items:center;gap:12px;animation:fadeIn .4s ease forwards}.form-message-success{background:#14b85826;border:1px solid hsla(145,80%,40%,.3);color:#19e66f}.form-message-error{background:#f0424226;border:1px solid hsla(0,85%,60%,.3);color:#f25a5a}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.footer{background:#eaecf0;border-top:1px solid var(--border-color);padding:80px 0 40px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;margin-bottom:64px}.footer-info{max-width:360px}.footer-logo{margin-bottom:20px}.footer-slogan{color:var(--text-muted);font-size:.95rem;margin-bottom:24px}.footer-links-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;margin-bottom:24px;color:var(--text-primary)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:var(--text-muted);font-size:.95rem}.footer-links a:hover{color:var(--accent);padding-left:4px}.footer-contact-list{list-style:none;display:flex;flex-direction:column;gap:16px;color:var(--text-muted);font-size:.95rem}.footer-contact-list li{display:flex;align-items:center;gap:12px}.footer-contact-list li svg{color:var(--accent);flex-shrink:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footer-copy{font-size:.9rem;color:var(--text-dimmed)}@media(prefers-reduced-motion:no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){@keyframes fade-slide-up{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.reveal-on-scroll{animation:fade-slide-up auto linear backwards;animation-timeline:view();animation-range:entry 10% entry 45%}.reveal-on-scroll-delayed{animation:fade-slide-up auto linear backwards;animation-timeline:view();animation-range:entry 20% entry 55%}}}.js-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.js-reveal-active{opacity:1;transform:translateY(0)}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:40px}.hero-content{max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-ctas{justify-content:center}.hero-title{font-size:3rem}.services-grid{grid-template-columns:1fr;gap:24px}.about-grid{grid-template-columns:1fr;gap:48px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:48px}}@media(max-width:768px){:root{--header-height: 70px}.section{padding:80px 0 50px}.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.mobile-nav-toggle{display:block}.mobile-nav-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-nav-toggle.open span:nth-child(2){opacity:0}.mobile-nav-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-menu{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background-color:var(--bg-main);border-left:1px solid var(--border-color);flex-direction:column;align-items:flex-start;padding:100px 40px 40px;gap:28px;transition:var(--transition-smooth);z-index:1000}.nav-menu.open{right:0}.header-actions{margin-left:auto;margin-right:16px}.portfolio-grid,.contact-form{grid-template-columns:1fr}.form-group-full{grid-column:span 1}.footer-grid{grid-template-columns:1fr;gap:32px}.about-stats{grid-template-columns:1fr;gap:16px}}