:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-tertiary:#1a2234;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#22d3ee;--accent-2:#3b82f6;--accent-3:#8b5cf6;--accent-glow:rgba(34, 211, 238, 0.4);--border:rgba(148, 163, 184, 0.12);--border-hover:rgba(34, 211, 238, 0.4);--card-bg:rgba(26, 34, 52, 0.4);--shadow-glow:0 0 40px rgba(34, 211, 238, 0.15)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative;background-image:radial-gradient(ellipse at top left,rgb(59 130 246 / .08),transparent 50%),radial-gradient(ellipse at bottom right,rgb(139 92 246 / .08),transparent 50%),radial-gradient(ellipse at center,rgb(34 211 238 / .04),transparent 70%)}body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgb(148 163 184 / .03) 1px,transparent 1px),linear-gradient(90deg,rgb(148 163 184 / .03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}#particles{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.5;z-index:0;pointer-events:none;animation:float-orb 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--accent),transparent 70%);top:-100px;left:-100px}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--accent-3),transparent 70%);bottom:-150px;right:-150px;animation-delay:-10s}@keyframes float-orb{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-40px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.95)}}.code-rain{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.code-snippet{position:absolute;font-family:'JetBrains Mono',monospace;font-size:.85rem;color:var(--accent);opacity:0;white-space:nowrap;animation:float-code 15s linear infinite;text-shadow:0 0 10px var(--accent-glow)}.code-snippet:nth-child(1){left:5%;animation-delay:0s;animation-duration:18s}.code-snippet:nth-child(2){left:15%;animation-delay:-3s;animation-duration:22s;color:var(--accent-2)}.code-snippet:nth-child(3){left:28%;animation-delay:-6s;animation-duration:16s}.code-snippet:nth-child(4){left:40%;animation-delay:-9s;animation-duration:20s;color:var(--accent-3)}.code-snippet:nth-child(5){left:55%;animation-delay:-2s;animation-duration:19s}.code-snippet:nth-child(6){left:68%;animation-delay:-11s;animation-duration:17s;color:var(--accent-2)}.code-snippet:nth-child(7){left:78%;animation-delay:-5s;animation-duration:23s}.code-snippet:nth-child(8){left:88%;animation-delay:-14s;animation-duration:21s;color:var(--accent-3)}.code-snippet:nth-child(9){left:35%;animation-delay:-8s;animation-duration:18s}.code-snippet:nth-child(10){left:62%;animation-delay:-12s;animation-duration:20s;color:var(--accent-2)}@keyframes float-code{0%{transform:translateY(110vh);opacity:0}10%{opacity:.35}90%{opacity:.35}100%{transform:translateY(-20vh);opacity:0}}.container{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:2rem 1.5rem 3rem;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;animation:fade-in-down 0.8s ease-out}.logo-wrap{position:relative;display:inline-block}.logo-svg{width:180px;height:auto;filter:brightness(0) invert(1) drop-shadow(0 0 20px var(--accent-glow));pointer-events:none;animation:logo-glow 3s ease-in-out infinite}@keyframes logo-glow{0%,100%{filter:brightness(0) invert(1) drop-shadow(0 0 20px var(--accent-glow))}50%{filter:brightness(0) invert(1) drop-shadow(0 0 35px rgb(34 211 238 / .6))}}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgb(34 211 238 / .08);border:1px solid rgb(34 211 238 / .25);border-radius:100px;font-size:.8rem;font-weight:500;color:var(--accent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.hero{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:3rem 0;animation:fade-in-up 1s ease-out 0.2s both}.hero-title{font-size:clamp(2.25rem, 6vw, 4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:1.5rem}.title-line{display:block;opacity:0;animation:fade-in-up 0.8s ease-out forwards}.title-line:nth-child(1){animation-delay:0.4s}.title-line:nth-child(2){animation-delay:0.6s}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 50%,var(--accent-3) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;animation:gradient-shift 4s ease infinite}@keyframes gradient-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:clamp(1.1rem, 2.5vw, 1.5rem);color:var(--text-secondary);margin-bottom:2rem;opacity:0;animation:fade-in-up 0.8s ease-out 0.8s forwards;min-height:2em}.typewriter{color:var(--accent);font-weight:600;display:inline-block;min-width:12ch;text-align:left}.cursor-blink{display:inline-block;color:var(--accent);font-weight:300;animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}.hero-description{font-size:clamp(0.95rem, 2vw, 1.1rem);color:var(--text-secondary);max-width:680px;margin:0 auto 3rem;opacity:0;animation:fade-in-up 0.8s ease-out 1s forwards}.hero-description strong{color:var(--text-primary);font-weight:600;background:linear-gradient(120deg,transparent 0%,rgb(34 211 238 / .12) 100%);padding:.1em .3em;border-radius:4px}.progress-section{max-width:500px;margin:0 auto;opacity:0;animation:fade-in-up 0.8s ease-out 1.2s forwards}.progress-label{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem}.progress-percent{color:var(--accent);font-weight:600}.progress-bar{height:6px;background:rgb(148 163 184 / .1);border-radius:100px;overflow:hidden;position:relative}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));background-size:200% 100%;border-radius:100px;box-shadow:0 0 15px var(--accent-glow);animation:progress-shimmer 2s linear infinite;transition:width 0.3s ease}@keyframes progress-shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin:4rem 0;opacity:0;animation:fade-in-up 0.8s ease-out 1.4s forwards}.service-card{position:relative;padding:2rem;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform 0.4s cubic-bezier(.16,1,.3,1),border-color 0.4s ease,box-shadow 0.4s ease;overflow:hidden;cursor:pointer}.service-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgb(34 211 238 / .08),transparent);opacity:0;transition:opacity 0.4s ease;pointer-events:none}.service-card::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--accent),var(--accent-2),var(--accent-3));border-radius:16px;opacity:0;z-index:-1;transition:opacity 0.4s ease;filter:blur(10px)}.service-card:hover{transform:translateY(-8px);border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.service-card:hover::before{opacity:1}.service-card:hover::after{opacity:.5}.service-icon-wrap{display:inline-flex;justify-content:center;align-items:center;width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,rgb(34 211 238 / .15),rgb(59 130 246 / .1));border:1px solid rgb(34 211 238 / .2);margin-bottom:1.5rem;color:var(--accent);transition:transform 0.4s ease}.service-card:hover .service-icon-wrap{transform:scale(1.08) rotate(-3deg)}.service-icon{width:36px;height:36px}.service-card[data-service="pos"]:hover .pos-line{animation:pos-typing 1s ease-out forwards}.pos-line-1{stroke-dasharray:24;stroke-dashoffset:0}.pos-line-2{stroke-dasharray:16;stroke-dashoffset:0}.pos-line-3{stroke-dasharray:20;stroke-dashoffset:0}@keyframes pos-typing{0%{stroke-dashoffset:24}100%{stroke-dashoffset:0}}.service-card[data-service="pos"]:hover .pos-screen{animation:pos-screen-flash 0.6s ease}@keyframes pos-screen-flash{50%{stroke:var(--accent)}}.service-card[data-service="ecommerce"]:hover .cart-body{animation:cart-roll 0.8s ease}.service-card[data-service="ecommerce"]:hover .cart-wheel-1,.service-card[data-service="ecommerce"]:hover .cart-wheel-2{animation:wheel-spin 0.8s linear;transform-origin:center;transform-box:fill-box}.service-card[data-service="ecommerce"]:hover .cart-item-1{animation:item-drop 0.6s ease 0s}.service-card[data-service="ecommerce"]:hover .cart-item-2{animation:item-drop 0.6s ease 0.15s}.service-card[data-service="ecommerce"]:hover .cart-item-3{animation:item-drop 0.6s ease 0.3s}@keyframes cart-roll{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}@keyframes wheel-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes item-drop{0%{transform:translateY(-10px);opacity:0}100%{transform:translateY(0);opacity:1}}.service-card[data-service="webdev"]:hover .code-bracket-left{animation:bracket-left 0.6s ease;transform-origin:center;transform-box:fill-box}.service-card[data-service="webdev"]:hover .code-bracket-right{animation:bracket-right 0.6s ease;transform-origin:center;transform-box:fill-box}.service-card[data-service="webdev"]:hover .code-slash{animation:slash-flash 0.6s ease}@keyframes bracket-left{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}@keyframes bracket-right{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}@keyframes slash-flash{0%,100%{opacity:1}50%{opacity:.3}}.service-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.service-card p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.contact{text-align:center;padding:3rem 0 2rem;opacity:0;animation:fade-in-up 0.8s ease-out 1.6s forwards}.contact-title{font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:700;margin-bottom:.75rem;letter-spacing:-.02em}.contact-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.05rem}.contact-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.contact-btn{display:inline-flex;align-items:center;gap:.875rem;padding:1rem 1.75rem;border-radius:12px;text-decoration:none;font-weight:500;transition:transform 0.3s cubic-bezier(.16,1,.3,1),box-shadow 0.3s ease,background 0.3s ease;border:1px solid var(--border);position:relative;overflow:hidden}.contact-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--accent),var(--accent-2));opacity:0;transition:opacity 0.3s ease;z-index:-1}.contact-btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--bg-primary);border-color:#fff0;box-shadow:0 10px 30px -10px var(--accent-glow)}.contact-btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px -10px var(--accent-glow),0 0 40px rgb(34 211 238 / .3)}.contact-btn-secondary{background:var(--card-bg);color:var(--text-primary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.contact-btn-secondary:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 30px -10px var(--accent-glow);background:rgb(34 211 238 / .08)}.btn-content{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.btn-label{font-size:.75rem;opacity:.75;font-weight:500;margin-bottom:.15rem}.btn-value{font-size:1rem;font-weight:600;font-family:'JetBrains Mono',monospace;letter-spacing:-.01em}.footer{margin-top:auto;padding-top:2.5rem;text-align:center;color:var(--text-muted);font-size:.875rem;border-top:1px solid var(--border)}.footer p{margin:.25rem 0}.footer-tagline{color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:.8rem;opacity:.7}@keyframes fade-in-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.container{padding:1.5rem 1rem 2rem}.header{flex-direction:column;gap:1rem;margin-bottom:2rem}.logo-svg{width:150px}.hero{padding:2rem 0}.services{margin:3rem 0;grid-template-columns:1fr}.contact-buttons{flex-direction:column;align-items:stretch}.contact-btn{justify-content:center}.orb-1{width:250px;height:250px}.orb-2{width:300px;height:300px}.code-snippet{font-size:.75rem}}@media (max-width:480px){.logo-svg{width:130px}.hero-title{font-size:2rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.code-rain,.orb{display:none}}