html,body,*{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important;width:0!important;background:transparent!important}:root{--electric-blue: #0080FF;--electric-blue-light: #00BFFF;--electric-blue-dark: #1E90FF;--electric-blue-glow: rgba(0, 128, 255, .4);--glass-bg: rgba(255, 255, 255, .15);--glass-bg-hover: rgba(255, 255, 255, .2);--glass-border: rgba(255, 255, 255, .3);--glass-border-strong: rgba(255, 255, 255, .5);--glass-shadow: rgba(0, 0, 0, .3);--glass-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);--glass-backdrop-blur: blur(20px);--glass-backdrop-blur-strong: blur(30px);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--container-max-width: 1200px;--border-radius: 1rem;--border-radius-lg: 1.5rem;--transition-fast: .15s ease-out;--transition-base: .3s ease-out;--transition-slow: .5s ease-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);line-height:1.6;color:#fff;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);min-height:100vh;overflow-x:hidden}*{touch-action:manipulation}@supports (-webkit-touch-callout: none){.hero{min-height:100vh;min-height:-webkit-fill-available}}html,body{overflow-x:hidden!important;width:100%;max-width:100vw;position:relative}*,*:before,*:after{max-width:100%;box-sizing:border-box}.container,.nav-container,.hero-content{max-width:100%}input[type=text],input[type=email],textarea{-webkit-appearance:none;appearance:none;border-radius:0}button,.btn-primary,.btn-secondary{-webkit-appearance:none;appearance:none;border-radius:var(--border-radius)}.nav-menu{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-4)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-4) 0;background:#0a0a0acc;-webkit-backdrop-filter:var(--glass-backdrop-blur-strong);backdrop-filter:var(--glass-backdrop-blur-strong);border-bottom:1px solid var(--glass-border);transition:var(--transition-base);box-shadow:0 8px 32px #0000004d,var(--glass-inner-shadow)}.nav-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-4);display:flex;justify-content:space-between;align-items:center}.nav-logo .logo-text{font-size:var(--font-size-2xl);font-weight:700;background:linear-gradient(45deg,var(--electric-blue),var(--electric-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;gap:var(--space-8)}.nav-link{color:#fffc;text-decoration:none;font-weight:500;transition:var(--transition-base);position:relative}.nav-link:hover{color:var(--electric-blue-light)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--electric-blue);transition:var(--transition-base)}.nav-link:hover:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-background{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,var(--electric-blue-glow) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(30,144,255,.2) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(0,191,255,.1) 0%,transparent 50%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.hero-content{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-4);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;position:relative;z-index:2;min-height:80vh}.hero-title{font-size:var(--font-size-5xl);font-weight:800;line-height:1.1;margin-bottom:var(--space-6)}.title-line{display:block;background:linear-gradient(45deg,white,var(--electric-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease-out forwards;opacity:0;transform:translateY(30px)}.title-line:nth-child(2){animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:var(--font-size-xl);color:#fffc;margin-bottom:var(--space-8);animation:fadeInUp 1s ease-out .6s both}.hero-buttons{display:flex;gap:var(--space-4);animation:fadeInUp 1s ease-out .9s both}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--glass-bg);border:1px solid var(--glass-border-strong);border-radius:50px;padding:var(--space-2) var(--space-4);margin-bottom:var(--space-6);-webkit-backdrop-filter:var(--glass-backdrop-blur);backdrop-filter:var(--glass-backdrop-blur);box-shadow:var(--glass-inner-shadow);font-size:var(--font-size-sm);color:var(--electric-blue-light);animation:fadeInUp 1s ease-out .3s both}.badge-icon{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.5) drop-shadow(0 0 8px var(--electric-blue))}}.hero-stats{display:flex;gap:var(--space-8);margin:var(--space-8) 0;animation:fadeInUp 1s ease-out .7s both}.stat-item{text-align:center}.stat-number{font-size:var(--font-size-3xl);font-weight:800;background:linear-gradient(45deg,var(--electric-blue),var(--electric-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:var(--space-1)}.stat-label{font-size:var(--font-size-sm);color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.btn{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;overflow:hidden}.btn-icon{font-size:var(--font-size-lg);transition:var(--transition-base)}.btn-primary:hover .btn-icon{transform:translate(4px)}.btn-secondary:hover .btn-icon{transform:scale(1.2)}.hero-tech-stack{margin-top:var(--space-8);animation:fadeInUp 1s ease-out 1.1s both}.tech-label{font-size:var(--font-size-sm);color:#ffffffb3;margin-bottom:var(--space-3);display:block}.tech-icons{display:flex;gap:var(--space-3);flex-wrap:wrap;max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tech-icons::-webkit-scrollbar{display:none}.tech-item{width:60px;height:60px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:var(--glass-backdrop-blur);backdrop-filter:var(--glass-backdrop-blur);transition:var(--transition-base);cursor:pointer;position:relative;overflow:hidden;gap:var(--space-1)}.tech-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:var(--transition-base)}.tech-item:hover:before{left:100%}.tech-item:hover{transform:translateY(-3px) scale(1.05);border-color:var(--electric-blue);box-shadow:0 8px 25px #0000004d,0 0 20px var(--electric-blue-glow)}.tech-item:hover .tech-name{opacity:1;transform:translateY(0)}.tech-icon{font-size:var(--font-size-lg);transition:var(--transition-base);margin-bottom:2px}.tech-name{font-size:var(--font-size-xs);font-weight:600;color:#fffc;opacity:0;transform:translateY(5px);transition:var(--transition-base);text-align:center;line-height:1}.code-window{background:#0f0f19e6;border:1px solid var(--glass-border-strong);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:var(--glass-backdrop-blur-strong);backdrop-filter:var(--glass-backdrop-blur-strong);box-shadow:0 20px 60px #0006,var(--glass-inner-shadow);overflow:hidden;animation:fadeInUp 1s ease-out .8s both;max-width:400px;margin:0 auto}.window-header{background:#ffffff0d;padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--glass-border)}.window-controls{display:flex;gap:var(--space-2)}.control{width:12px;height:12px;border-radius:50%;background:var(--glass-border);transition:var(--transition-base)}.control.red{background:#ff5f56}.control.yellow{background:#ffbd2e}.control.green{background:#27ca3f}.control:hover{transform:scale(1.2);box-shadow:0 0 8px currentColor}.window-title{font-size:var(--font-size-sm);color:#fffc;font-family:Monaco,Menlo,monospace}.window-content{padding:var(--space-4);font-family:Monaco,Menlo,monospace;font-size:var(--font-size-sm);line-height:1.8}.code-line{display:flex;align-items:center;margin-bottom:var(--space-1);opacity:0;animation:typeIn .5s ease-out forwards}.code-line:nth-child(1){animation-delay:1.2s}.code-line:nth-child(2){animation-delay:1.4s}.code-line:nth-child(3){animation-delay:1.6s}.code-line:nth-child(4){animation-delay:1.8s}.code-line:nth-child(5){animation-delay:2s}.code-line:nth-child(6){animation-delay:2.2s}@keyframes typeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.line-number{color:#fff6;margin-right:var(--space-3);min-width:20px;text-align:right}.code-text{color:#ffffffe6}.keyword{color:#ff79c6}.variable{color:#8be9fd}.string{color:#f1fa8c}.operator{color:#f55}.punctuation{color:#f8f8f2}.bracket{color:#bd93f9}.indent{margin-left:var(--space-4)}.cursor{display:inline-block;background-color:#00bfff;width:2px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-line .code-text{overflow:visible;white-space:nowrap}.particles-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.particle{position:absolute;width:2px;height:2px;background:var(--electric-blue-light);border-radius:50%;animation:float-up linear infinite;opacity:0}@keyframes float-up{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}.particle:nth-child(odd){background:var(--electric-blue);animation-duration:15s}.particle:nth-child(3n){background:#fff9;width:1px;height:1px}section{padding:var(--space-20) 0;overflow-x:hidden;max-width:100vw}.section-title{font-size:var(--font-size-4xl);font-weight:700;text-align:center;margin-bottom:var(--space-16);background:linear-gradient(45deg,white,var(--electric-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services{background:#ffffff05}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.service-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-backdrop-blur);backdrop-filter:var(--glass-backdrop-blur);border-radius:var(--border-radius-lg);padding:var(--space-8);text-align:center;transition:var(--transition-base);position:relative;overflow:hidden;box-shadow:0 8px 32px #0003,var(--glass-inner-shadow)}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--electric-blue),var(--electric-blue-light));transform:scaleX(0);transition:var(--transition-base)}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none;opacity:0;transition:var(--transition-base)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover:after{opacity:1}.service-card:hover{transform:translateY(-8px);background:var(--glass-bg-hover);border-color:var(--glass-border-strong);box-shadow:0 20px 60px #0006,0 0 40px var(--electric-blue-glow),var(--glass-inner-shadow)}.service-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);display:block}.service-card h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-3);color:var(--electric-blue-light)}.service-card p{color:#fffc;line-height:1.6}.portfolio-item{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-backdrop-blur);backdrop-filter:var(--glass-backdrop-blur);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition-base);position:relative;box-shadow:0 8px 32px #0003,var(--glass-inner-shadow)}.portfolio-item:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 30%,transparent 70%,rgba(0,128,255,.1) 100%);pointer-events:none;opacity:0;transition:var(--transition-base)}.portfolio-item:hover:after{opacity:1}.portfolio-item:hover{transform:translateY(-10px) scale(1.02);background:var(--glass-bg-hover);border-color:var(--glass-border-strong);box-shadow:0 25px 80px #0006,0 0 50px var(--electric-blue-glow),var(--glass-inner-shadow)}.portfolio-image{height:200px;background:linear-gradient(135deg,var(--electric-blue-glow),rgba(30,144,255,.2));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.placeholder-image{font-size:var(--font-size-lg);font-weight:600;color:#fff;text-align:center}.portfolio-content{padding:var(--space-6)}.portfolio-content h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--electric-blue-light)}.portfolio-content p{color:#fffc;margin-bottom:var(--space-4)}.portfolio-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{background:#0080ff33;color:var(--electric-blue-light);padding:var(--space-1) var(--space-3);border-radius:var(--space-4);font-size:var(--font-size-sm);font-weight:500;border:1px solid rgba(0,128,255,.3)}.contact{background:#ffffff05}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.contact-info h3{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-4);color:var(--electric-blue-light)}.contact-info p{color:#fffc;margin-bottom:var(--space-8);font-size:var(--font-size-lg)}.contact-methods{display:flex;flex-direction:column;gap:var(--space-4)}.contact-method{display:flex;align-items:center;gap:var(--space-3);color:#ffffffe6;font-size:var(--font-size-base)}.contact-icon{font-size:var(--font-size-lg)}.contact-form{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-backdrop-blur-strong);backdrop-filter:var(--glass-backdrop-blur-strong);border-radius:var(--border-radius-lg);padding:var(--space-8);position:relative;box-shadow:0 15px 45px #0000004d,var(--glass-inner-shadow)}.contact-form:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,var(--glass-border-strong) 0%,transparent 25%,transparent 75%,var(--electric-blue-glow) 100%);border-radius:var(--border-radius-lg);z-index:-1}.form-group{margin-bottom:var(--space-6)}.form-input{width:100%;padding:var(--space-4);background:#ffffff1f;border:1px solid var(--glass-border);border-radius:var(--border-radius);color:#fff;font-size:var(--font-size-base);transition:var(--transition-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;box-shadow:var(--glass-inner-shadow)}.form-input:focus{outline:none;border-color:var(--electric-blue);background:#ffffff2e;box-shadow:0 0 0 3px var(--electric-blue-glow),var(--glass-inner-shadow),0 8px 25px #0080ff33;transform:translateY(-2px)}.form-input::placeholder{color:#fff9}.form-textarea{resize:vertical;min-height:120px}.form-submit{width:100%;position:relative;transition:all .3s ease}.form-submit.loading{opacity:.8;cursor:not-allowed}.btn-loader{display:flex;align-items:center;gap:8px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #00BFFF;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-success{background:linear-gradient(135deg,#00ff7f,#32cd32);border:1px solid rgba(0,255,127,.3);animation:success-pulse .6s ease}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.form-error{animation:error-shake .5s ease}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.success-message{position:fixed;top:20px;right:20px;background:#00ff7f1a;border:1px solid rgba(0,255,127,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#00ff7f;padding:16px 24px;border-radius:12px;z-index:1000;animation:slideInRight .4s ease,fadeOut .4s ease 2.6s forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translate(100%)}}html,body{overflow-x:hidden!important;max-width:100vw}.showcase-browser,.portfolio-image,.demo-container,.browser-mockup,.live-site-iframe{max-width:100%}iframe{max-width:100%;height:auto}.float-element{will-change:transform;backface-visibility:hidden}.featured-project{position:relative;grid-column:1 / -1;max-width:800px;margin:0 auto var(--space-12) auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.featured-project:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--electric-blue),var(--electric-blue-light),var(--electric-blue),var(--electric-blue-light));background-size:400% 400%;border-radius:var(--border-radius-lg);z-index:-1;animation:gradient-border 3s ease infinite}@keyframes gradient-border{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.featured-badge{position:absolute;top:var(--space-4);right:var(--space-4);z-index:10;background:linear-gradient(45deg,var(--electric-blue),var(--electric-blue-light));color:#fff;padding:var(--space-2) var(--space-3);border-radius:20px;font-size:var(--font-size-xs);font-weight:600;display:flex;align-items:center;gap:var(--space-1);box-shadow:0 4px 15px var(--electric-blue-glow);animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.browser-mockup{background:#14141ef2;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 20px 60px #0006,var(--glass-inner-shadow);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.browser-header{background:linear-gradient(135deg,#ffffff26,#ffffff0d);padding:12px 16px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.browser-controls{display:flex;gap:8px;align-items:center}.browser-controls .dot{width:12px;height:12px;border-radius:50%;transition:all .2s ease}.browser-controls .dot:hover{transform:scale(1.2)}.browser-controls .dot.red{background:#ff5f57;box-shadow:0 0 10px #ff5f5780}.browser-controls .dot.yellow{background:#ffbd2e;box-shadow:0 0 10px #ffbd2e80}.browser-controls .dot.green{background:#28ca42;box-shadow:0 0 10px #28ca4280}.address-bar{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;flex:1;font-family:monospace;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ssl-icon{color:#28ca42;font-size:14px}.url{color:#ffffffe6;font-size:14px;font-weight:500}.dot{width:8px;height:8px;border-radius:50%;background:var(--glass-border)}.dot:nth-child(1){background:#ff5f56}.dot:nth-child(2){background:#ffbd2e}.dot:nth-child(3){background:#27ca3f}.address-bar{background:#ffffff1a;padding:var(--space-1) var(--space-3);border-radius:15px;font-size:var(--font-size-xs);color:var(--electric-blue-light);font-family:monospace;flex:1;text-align:center}.browser-content{padding:20px;min-height:450px;height:450px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#0080ff1a,#00bfff0d,#1e90ff1a);overflow:hidden}.pulse-animation{position:relative;display:flex;align-items:center;justify-content:center}.pulse-circle{position:absolute;border:2px solid var(--electric-blue-light);border-radius:50%;animation:pulse-expand 2s ease-out infinite}.pulse-1{width:40px;height:40px;animation-delay:0s}.pulse-2{width:60px;height:60px;animation-delay:.7s}.pulse-3{width:80px;height:80px;animation-delay:1.4s}@keyframes pulse-expand{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.social-icons{position:absolute;display:flex;gap:var(--space-4);font-size:var(--font-size-xl)}.social-icon{animation:float-icon 3s ease-in-out infinite}.social-icon:nth-child(2){animation-delay:1s}.social-icon:nth-child(3){animation-delay:2s}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.project-links{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.project-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--border-radius);text-decoration:none;font-size:var(--font-size-sm);font-weight:600;transition:var(--transition-base);border:none;cursor:pointer}.project-link.primary{background:linear-gradient(45deg,var(--electric-blue),var(--electric-blue-light));color:#fff;box-shadow:0 4px 15px var(--electric-blue-glow)}.project-link.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--electric-blue-glow)}.project-link.secondary{background:var(--glass-bg);color:#ffffffe6;border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-backdrop-blur);backdrop-filter:var(--glass-backdrop-blur)}.project-link.secondary:hover{background:var(--glass-bg-hover);transform:translateY(-2px)}.link-icon{transition:var(--transition-base)}.project-link:hover .link-icon{transform:scale(1.2)}.tag.featured{background:linear-gradient(45deg,var(--electric-blue-glow),rgba(0,191,255,.3));border-color:var(--electric-blue);color:#fff;font-weight:600}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8)}.browser-mockup .browser-controls .dot{width:12px;height:12px;border-radius:50%;margin-right:8px}.browser-mockup .browser-controls .dot.red{background:#ff5f57}.browser-mockup .browser-controls .dot.yellow{background:#ffbd2e}.browser-mockup .browser-controls .dot.green{background:#28ca42}.browser-mockup .address-bar{display:flex;align-items:center;gap:8px;background:var(--glass-bg);padding:6px 12px;border-radius:6px;font-family:SF Mono,Monaco,Roboto Mono,monospace;font-size:12px}.browser-mockup .ssl-icon{color:var(--electric-blue)}.browser-mockup .url{color:var(--text-primary)}.browser-mockup:hover{transform:translateY(-5px);box-shadow:0 30px 60px #00000080,0 0 0 1px #00bfff33,var(--glass-inner-shadow)}.browser-mockup:hover .browser-header{background:linear-gradient(135deg,#00bfff33,#ffffff1a)}.browser-mockup:hover .address-bar{border-color:#00bfff4d;background:#00bfff1a}.live-site-preview{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:#1a1a1a;opacity:.2;z-index:1;transition:all .3s ease}.browser-content:hover .live-site-preview{opacity:.4}@keyframes fadeInIframe{0%{opacity:0}to{opacity:1}}.demo-dashboard{position:relative;z-index:10;background:#000c;border:1px solid rgba(0,191,255,.3);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000080;max-width:300px;width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,191,255,.2)}.dashboard-header h4{margin:0;color:#fff;font-size:16px;font-weight:600}.live-indicator{display:flex;align-items:center;gap:6px;background:#00ff7f1a;border:1px solid rgba(0,255,127,.3);border-radius:15px;padding:4px 10px;font-size:12px;color:#00ff7f}.status-dot{width:6px;height:6px;background:#00ff7f;border-radius:50%;animation:pulse 2s infinite}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.metric{text-align:center;padding:8px;background:#00bfff1a;border-radius:8px;border:1px solid rgba(0,191,255,.2)}.metric-label{display:block;font-size:10px;color:#ffffffb3;margin-bottom:4px}.metric-value{display:block;font-size:14px;color:#00bfff;font-weight:600}.chart-placeholder{position:relative;height:60px;background:#00bfff0d;border-radius:8px;padding:8px;border:1px solid rgba(0,191,255,.1)}.iframe-overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fffc;font-size:12px;text-align:center;z-index:2;pointer-events:none}.chart-bars{display:flex;align-items:end;gap:4px;height:100%;justify-content:center}.bar{background:linear-gradient(to top,#0080ff,#00bfff);border-radius:2px 2px 0 0;width:12px;transition:all .3s ease}.bar:hover{background:linear-gradient(to top,#00bfff,#87ceeb)}.pulse-animation{position:absolute;top:20px;right:20px;z-index:5}.pulse-circle{width:40px;height:40px;border:2px solid rgba(0,191,255,.5);border-radius:50%;position:absolute;animation:pulse-ring 2s infinite}.pulse-1{animation-delay:0s}.pulse-2{animation-delay:.5s}.pulse-3{animation-delay:1s}.center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#00bfff;font-weight:700;font-size:14px;background:#000c;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,191,255,.3)}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero.sm-hero{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:2.5rem;padding-top:0;min-height:100vh}.hero-section-titles{width:100%;max-width:var(--container-max-width);margin:0 auto!important;padding-bottom:0!important;text-align:center}h1.hero-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--orange-main);margin-bottom:0!important;letter-spacing:-1px}.hero-subtitle{font-size:var(--font-size-xl);color:#fff;opacity:.85;margin-bottom:0!important}.metallic-card{max-width:600px;width:100%;margin:0 auto;align-self:flex-start}.insta-feed-sim{align-self:stretch;height:100%;min-width:260px;max-width:340px;margin-top:0!important;margin-bottom:0!important}@media (max-width: 900px){.hero.sm-hero{flex-direction:column;gap:2rem;align-items:center}.metallic-card,.insta-feed-sim{width:100%;max-width:600px;align-self:unset;height:auto}}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.hero-text{order:1}.hero-visual{order:3}.hero-tech-stack{order:2;margin-top:var(--space-6)}.contact-content{grid-template-columns:1fr;gap:var(--space-12)}.contact-info{order:1}.contact-form{order:2;padding:var(--space-6)}.contact-info h3{font-size:var(--font-size-xl);text-align:center}.contact-info p{font-size:var(--font-size-base);text-align:center}.contact-methods{gap:var(--space-3)}.contact-method{justify-content:center;text-align:center}.contact-cta{padding:var(--space-3) var(--space-4);width:100%;box-sizing:border-box}.contact-cta .contact-icon{font-size:1.25rem;min-width:32px}}@media (max-width: 480px){.hero-content{gap:var(--space-6);padding:0 var(--space-3)}.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-base)}.hero-tech-stack{margin-top:var(--space-4)}.code-window{max-width:100%;margin:0}.contact-content{gap:var(--space-8)}.contact-form{padding:var(--space-4)}.contact-info h3{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.contact-info p{font-size:var(--font-size-sm);margin-bottom:var(--space-6)}.contact-methods{gap:var(--space-2)}.contact-method{font-size:var(--font-size-sm)}.contact-cta{padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);width:100%;box-sizing:border-box}.contact-cta .contact-icon{font-size:1rem;min-width:28px}.contact-cta .contact-label{font-size:var(--font-size-xs)}.contact-cta .contact-value{font-size:var(--font-size-sm)}}.footer{background:linear-gradient(135deg,#0a0a14f2,#141428f2);border-top:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-backdrop-blur);backdrop-filter:var(--glass-backdrop-blur);position:relative;overflow:hidden;padding:var(--space-20) 0 var(--space-8) 0}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,var(--electric-blue-glow) 0%,transparent 70%),radial-gradient(circle at 70% 50%,rgba(0,191,255,.1) 0%,transparent 70%);animation:footer-glow 8s ease-in-out infinite alternate}@keyframes footer-glow{0%{opacity:.3}to{opacity:.6}}.footer-content{position:relative;z-index:2}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start;margin-bottom:var(--space-12)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-3)}.footer-title{font-size:var(--font-size-3xl);font-weight:700;background:linear-gradient(45deg,var(--electric-blue),var(--electric-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2)}.footer-subtitle{font-size:var(--font-size-lg);color:#ffffffb3;font-weight:300}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--electric-blue-light);margin-bottom:var(--space-4)}.footer-social{display:flex;flex-direction:column;gap:var(--space-3)}.footer-link{display:flex;align-items:center;gap:var(--space-2);color:#fffc;text-decoration:none;font-size:var(--font-size-base);transition:all var(--transition-base);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius);background:#ffffff0d;border:1px solid transparent}.footer-link:hover{color:var(--electric-blue-light);background:#ffffff1a;border-color:var(--electric-blue-glow);transform:translate(8px)}.social-icon{font-size:var(--font-size-lg)}.footer-services{display:flex;flex-direction:column;gap:var(--space-2)}.service-tag{background:var(--glass-bg);border:1px solid var(--glass-border);color:#ffffffe6;padding:var(--space-2) var(--space-3);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600;-webkit-backdrop-filter:var(--glass-backdrop-blur);backdrop-filter:var(--glass-backdrop-blur);transition:all var(--transition-base)}.service-tag:hover{background:var(--glass-bg-hover);border-color:var(--electric-blue-glow);transform:translateY(-2px)}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;display:none}.float-element{position:absolute;will-change:transform;backface-visibility:hidden;animation:float-smooth 6s ease-in-out infinite}.element-1{top:20%;left:15%;animation-delay:0s}.element-2{top:60%;right:20%;animation-delay:2s}.element-3{bottom:30%;left:20%;animation-delay:4s}.element-4{top:35%;right:30%;animation-delay:1s}.element-5{top:70%;left:35%;animation-delay:3s}.element-6{bottom:10%;right:15%;animation-delay:5s}.glass-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:var(--glass-backdrop-blur);backdrop-filter:var(--glass-backdrop-blur);padding:var(--space-3);box-shadow:0 8px 32px #0000004d,var(--glass-inner-shadow);transition:all var(--transition-base)}.glass-container:hover{background:var(--glass-bg-hover);border-color:var(--electric-blue-glow);box-shadow:0 12px 48px #0006,0 0 20px var(--electric-blue-glow)}.element-icon{font-size:var(--font-size-2xl);animation:gentle-pulse 3s ease-in-out infinite}@keyframes float-smooth{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes gentle-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2) drop-shadow(0 0 8px currentColor)}}@media (max-width: 768px){.footer{padding:var(--space-16) 0 var(--space-6) 0}.footer-main{grid-template-columns:1fr;gap:var(--space-8);text-align:center}.footer-links{grid-template-columns:1fr;gap:var(--space-6)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.footer-tech{justify-content:center}.footer-title{font-size:var(--font-size-2xl)}.hero-visual .floating-elements{display:block}.hero-visual .element-1{top:10%;left:10%}.hero-visual .element-2{top:50%;right:10%}.hero-visual .element-3{bottom:20%;left:15%}.hero-visual .element-4{top:30%;right:25%}.hero-visual .element-5{top:65%;left:25%}.hero-visual .element-6{bottom:5%;right:20%}.rocket-animation{display:none!important}.hero-visual .glass-container{padding:var(--space-2)}.hero-visual .element-icon{font-size:var(--font-size-xl)}}@media (max-width: 480px){.footer-services{flex-direction:row;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.footer-social{align-items:center}.footer-link{justify-content:center;max-width:200px}.hero-visual .glass-container{padding:var(--space-1)}.hero-visual .element-icon{font-size:var(--font-size-lg)}}.rocket-animation{display:none}@media (min-width: 769px){.rocket-animation{display:block}.hero-visual{position:relative;overflow:visible}.rocket-container{position:absolute;bottom:-50px;left:0;width:100%;height:500px;pointer-events:none;z-index:5}.rocket{position:absolute;font-size:2rem;z-index:10;opacity:0;animation:rocket-launch 8s ease-in-out infinite}.rocket-1{left:20%;animation-delay:0s}.rocket-2{left:40%;animation-delay:2s}.rocket-3{left:60%;animation-delay:4s}.rocket-4{left:80%;animation-delay:6s}.smoke-trail{position:absolute;width:4px;height:0px;background:linear-gradient(to top,rgba(255,255,255,.8) 0%,rgba(255,255,255,.4) 50%,transparent 100%);border-radius:2px;opacity:0;animation:smoke-trail 8s ease-in-out infinite;z-index:3}.rocket-1 .smoke-trail{animation-delay:0s}.rocket-2 .smoke-trail{animation-delay:2s}.rocket-3 .smoke-trail{animation-delay:4s}.rocket-4 .smoke-trail{animation-delay:6s}@keyframes rocket-launch{0%{transform:translateY(0) scale(1) rotate(0);opacity:0}5%{opacity:1}20%{transform:translateY(-150px) scale(1.1) rotate(-10deg);opacity:1}40%{transform:translateY(-300px) scale(1.2) rotate(5deg);opacity:.9}60%{transform:translateY(-450px) scale(1.1) rotate(-5deg);opacity:.7}80%{transform:translateY(-600px) scale(1) rotate(0);opacity:.5}to{transform:translateY(-750px) scale(.8) rotate(0);opacity:0}}@keyframes smoke-trail{0%{height:0px;opacity:0}10%{height:40px;opacity:.8}30%{height:120px;opacity:.6}50%{height:200px;opacity:.4}70%{height:280px;opacity:.3}90%{height:360px;opacity:.2}to{height:400px;opacity:0}}.rocket-spark{position:absolute;width:3px;height:3px;background:var(--electric-blue);border-radius:50%;opacity:0;animation:spark-fly 1s ease-out infinite}.rocket-spark:nth-child(1){animation-delay:.1s}.rocket-spark:nth-child(2){animation-delay:.3s}.rocket-spark:nth-child(3){animation-delay:.5s}@keyframes spark-fly{0%{transform:translate(0) scale(1);opacity:1}50%{transform:translate(var(--spark-x, 20px),var(--spark-y, -30px)) scale(1.2);opacity:.8}to{transform:translate(var(--spark-x, 40px),var(--spark-y, -60px)) scale(.5);opacity:0}}}.live-showcase{position:relative;display:flex;flex-direction:column;gap:var(--space-6);background:linear-gradient(135deg,#0080ff1a,#00bfff0d,#1e90ff1a);border:2px solid rgba(0,128,255,.3);border-radius:var(--border-radius-lg);padding:var(--space-8);-webkit-backdrop-filter:var(--glass-backdrop-blur-strong);backdrop-filter:var(--glass-backdrop-blur-strong);overflow:hidden}.live-showcase:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--electric-blue) 50%,transparent 100%);animation:liveIndicatorPulse 2s ease-in-out infinite}.live-project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.live-status-badge{display:flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#0f8,#00cc6a);color:#fff;padding:var(--space-2) var(--space-4);border-radius:20px;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pulse-dot{width:8px;height:8px;background:#0f8;border-radius:50%;animation:livePulse 1.5s ease-in-out infinite;box-shadow:0 0 8px #0f8}.project-metrics{display:flex;gap:var(--space-4)}.metric-item{text-align:center}.metric-value{display:block;font-size:var(--font-size-lg);font-weight:700;color:var(--electric-blue)}.metric-label{display:block;font-size:var(--font-size-xs);color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.showcase-browser{position:relative;margin:var(--space-6) 0}.browser-frame{background:linear-gradient(135deg,#2d3748,#1a202c);border-radius:var(--border-radius);overflow:hidden;max-width:100%;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a;transform:perspective(1000px) rotateX(5deg);transition:all var(--transition-base)}.browser-frame:hover{transform:perspective(1000px) rotateX(0) scale(1.02);box-shadow:0 30px 60px #00000080,0 0 40px #0080ff4d}.browser-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#4a5568,#2d3748);padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.1)}.browser-controls{display:flex;gap:var(--space-2)}.control-dot{width:12px;height:12px;border-radius:50%;transition:all var(--transition-fast)}.dot-close{background:#ff5f56;box-shadow:inset 0 1px #ffffff4d}.dot-minimize{background:#ffbd2e;box-shadow:inset 0 1px #ffffff4d}.dot-maximize{background:#27ca3f;box-shadow:inset 0 1px #ffffff4d}.browser-address-bar{display:flex;align-items:center;gap:var(--space-2);background:#0000004d;padding:var(--space-2) var(--space-3);border-radius:6px;min-width:300px}.ssl-indicator{color:#0f8;display:flex;align-items:center}.url-display{color:#ffffffe6;font-size:var(--font-size-sm);font-family:SF Mono,Monaco,Inconsolata,monospace}.protocol{color:#fff9}.domain{color:var(--electric-blue-light);font-weight:600}.browser-actions{display:flex;gap:var(--space-2)}.reload-btn{background:none;border:none;color:#ffffffb3;font-size:var(--font-size-lg);cursor:pointer;padding:var(--space-1);border-radius:4px;transition:all var(--transition-fast)}.reload-btn:hover{background:#ffffff1a;color:#fff;transform:rotate(180deg)}.browser-content-area{position:relative;height:400px;overflow:hidden}.live-site-iframe{width:100%;height:100%;border:none;background:#fff;transition:all var(--transition-base)}.interactive-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0080ffe6,#00bfffcc);display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-base);cursor:pointer}.browser-content-area:hover .interactive-overlay{opacity:1}.visit-prompt{display:flex;align-items:center;gap:var(--space-3);color:#fff;font-size:var(--font-size-lg);font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.prompt-icon{font-size:var(--font-size-2xl);animation:bounce 2s infinite}.floating-live-indicator{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;gap:var(--space-2);background:#000c;color:#fff;padding:var(--space-2) var(--space-3);border-radius:20px;font-size:var(--font-size-xs);font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.live-dot{width:6px;height:6px;background:#0f8;border-radius:50%;animation:livePulse 1s ease-in-out infinite}.project-info-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:var(--space-6);-webkit-backdrop-filter:var(--glass-backdrop-blur);backdrop-filter:var(--glass-backdrop-blur)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.project-title-section h3.project-title{font-size:var(--font-size-2xl);font-weight:700;color:#fff;margin:0 0 var(--space-1) 0}.project-subtitle{color:var(--electric-blue-light);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px}.project-status{display:flex;align-items:center}.status-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:20px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-indicator.production{background:linear-gradient(135deg,#0f8,#00cc6a);color:#fff;box-shadow:0 2px 8px #00ff884d}.status-dot{width:6px;height:6px;background:currentColor;border-radius:50%;animation:livePulse 1.5s ease-in-out infinite}.project-description{color:#ffffffe6;line-height:1.7;margin-bottom:var(--space-6)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.feature-card{display:flex;align-items:center;gap:var(--space-3);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:var(--space-4);transition:all var(--transition-base)}.feature-card:hover{background:#ffffff1a;border-color:var(--electric-blue);transform:translateY(-2px)}.feature-icon{font-size:var(--font-size-xl)}.feature-content h4{color:#fff;font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--space-1) 0}.feature-content p{color:#ffffffb3;font-size:var(--font-size-xs);margin:0}.tech-stack-section{margin-bottom:var(--space-6)}.tech-title{color:#fff;font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-3)}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-tag{padding:var(--space-2) var(--space-3);border-radius:20px;font-size:var(--font-size-xs);font-weight:600;transition:all var(--transition-base)}.tech-tag.primary{background:linear-gradient(135deg,var(--electric-blue),var(--electric-blue-light));color:#fff;box-shadow:0 2px 8px #0080ff4d}.tech-tag.secondary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.tech-tag.accent{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.tech-tag.neutral{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.tech-tag:hover{transform:translateY(-2px) scale(1.05)}.project-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:var(--space-4);text-align:center;transition:all var(--transition-base)}.stat-card:hover{background:var(--glass-bg-hover);transform:translateY(-2px)}.stat-value{display:block;font-size:var(--font-size-2xl);font-weight:700;color:var(--electric-blue-light);margin-bottom:var(--space-1)}.stat-label{display:block;color:#ffffffb3;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.stat-trend{font-size:var(--font-size-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:10px}.stat-trend.positive{background:#0f83;color:#0f8}.stat-trend.stable{background:#ffffff1a;color:#ffffffb3}.project-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.action-btn{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:50px;font-size:var(--font-size-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--transition-base);overflow:hidden}.action-btn.primary{background:linear-gradient(135deg,var(--electric-blue),var(--electric-blue-light));color:#fff;box-shadow:0 4px 12px #0080ff66,inset 0 1px #ffffff4d}.action-btn.primary:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #0080ff99,inset 0 1px #ffffff4d}.action-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.action-btn.secondary:hover{background:#fff3;border-color:var(--electric-blue);transform:translateY(-2px)}.action-btn.tertiary{background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.2)}.action-btn.tertiary:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.action-btn.primary:hover .btn-shine{left:100%}.btn-icon{font-size:var(--font-size-base)}.contact-cta{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);color:#fff;text-decoration:none;transition:all var(--transition-base);-webkit-backdrop-filter:var(--glass-backdrop-blur);backdrop-filter:var(--glass-backdrop-blur);position:relative;overflow:hidden;margin-bottom:var(--space-3)}.contact-cta:hover{background:var(--glass-bg-hover);border-color:var(--electric-blue);transform:translateY(-2px);box-shadow:0 10px 30px #0080ff33,var(--glass-inner-shadow)}.contact-cta:hover .cta-arrow{transform:translate(8px)}.contact-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,128,255,.1),transparent);transition:var(--transition-slow)}.contact-cta:hover:before{left:100%}.contact-cta .contact-icon{font-size:1.5rem;min-width:40px;text-align:center}.contact-cta .contact-info{flex:1;display:flex;flex-direction:column;gap:2px}.contact-cta .contact-label{font-size:var(--font-size-sm);color:#ffffffb3}.contact-cta .contact-value{font-size:var(--font-size-base);font-weight:600;color:#fff}.contact-cta .cta-arrow{font-size:var(--font-size-lg);color:var(--electric-blue);transition:var(--transition-base);min-width:24px;text-align:center}.contact-cta.instagram:hover{border-color:#e1306c}.contact-cta.instagram:hover .contact-icon{color:#e1306c}.contact-cta.whatsapp:hover{border-color:#25d366}.contact-cta.whatsapp:hover .contact-icon{color:#25d366}.contact-cta.email:hover{border-color:var(--electric-blue)}.contact-cta.email:hover .contact-icon{color:var(--electric-blue)}.result-screen{text-align:center;font-family:Courier New,monospace;font-weight:700;text-transform:uppercase;letter-spacing:3px;animation:resultScreenGlow 1s ease-in-out infinite alternate}.result-title{font-size:4rem;margin-bottom:1rem;text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor,2px 2px 0px rgba(0,0,0,.8);animation:pixelPulse .8s ease-in-out infinite alternate;line-height:1}.result-subtitle{font-size:1.5rem;color:#00bfff;margin-bottom:1.5rem;text-shadow:0 0 5px #00BFFF,1px 1px 0px rgba(0,0,0,.6);opacity:0;animation:slideInUp .8s ease-out .3s forwards}.result-score{font-size:2rem;color:#fff;margin-bottom:1rem;text-shadow:0 0 8px #FFFFFF,1px 1px 0px rgba(0,0,0,.7);opacity:0;animation:slideInUp .8s ease-out .6s forwards}.result-stats{display:flex;justify-content:center;gap:2rem;font-size:1.2rem;color:#ccc;opacity:0;animation:slideInUp .8s ease-out .9s forwards}.result-stats div{padding:.5rem 1rem;background:#0080ff26;border:1px solid rgba(0,128,255,.3);border-radius:4px;text-shadow:1px 1px 0px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes pixelPulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.05);filter:brightness(1.2)}}@keyframes resultScreenGlow{0%{filter:drop-shadow(0 0 5px rgba(0,191,255,.3))}to{filter:drop-shadow(0 0 15px rgba(0,191,255,.6))}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-title[style*="#00FF00"]{animation:victoryFlash .6s ease-in-out infinite alternate}@keyframes victoryFlash{0%{color:#0f0;text-shadow:0 0 10px #00FF00,0 0 20px #00FF00,0 0 30px #00FF00,2px 2px 0px rgba(0,0,0,.8)}to{color:#0f8;text-shadow:0 0 15px #00FF88,0 0 25px #00FF88,0 0 35px #00FF88,2px 2px 0px rgba(0,0,0,.8)}}.result-title[style*="#FF4444"]{animation:defeatPulse 1s ease-in-out infinite}@keyframes defeatPulse{0%,to{color:#f44;text-shadow:0 0 10px #FF4444,0 0 20px #FF4444,0 0 30px #FF4444,2px 2px 0px rgba(0,0,0,.8)}50%{color:#f66;text-shadow:0 0 5px #FF6666,0 0 15px #FF6666,0 0 25px #FF6666,2px 2px 0px rgba(0,0,0,.8)}}@media (max-width: 768px){.result-title{font-size:3rem;letter-spacing:2px}.result-subtitle{font-size:1.2rem}.result-score{font-size:1.5rem}.result-stats{flex-direction:column;gap:1rem;align-items:center}.result-stats div{font-size:1rem}}@media (max-width: 480px){.result-title{font-size:2.5rem;letter-spacing:1px}.result-subtitle{font-size:1rem}.result-score{font-size:1.3rem}.result-stats div{font-size:.9rem;padding:.4rem .8rem}}@media (min-resolution: 2dppx){.result-screen{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}}#game-container{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:10!important;pointer-events:none!important;opacity:1!important}#game-canvas{width:100%!important;height:100%!important;display:block!important;pointer-events:auto!important;image-rendering:pixelated!important;image-rendering:-moz-crisp-edges!important;image-rendering:crisp-edges!important}#game-play-button{position:fixed!important;bottom:30px!important;right:30px!important;z-index:1000!important;background:var(--glass-bg, rgba(0, 128, 255, .15))!important;border:1.5px solid var(--glass-border, rgba(0, 128, 255, .3))!important;border-radius:var(--border-radius, 1.5rem)!important;-webkit-backdrop-filter:var(--glass-backdrop-blur, blur(20px))!important;backdrop-filter:var(--glass-backdrop-blur, blur(20px))!important;color:#fff!important;font-family:var(--font-primary, "Inter", sans-serif)!important;font-weight:600!important;font-size:1rem!important;padding:1rem 1.5rem!important;cursor:pointer!important;transition:var(--transition-base, all .3s cubic-bezier(.4,0,.2,1))!important;display:flex!important;align-items:center!important;gap:.5rem!important;box-shadow:0 4px 32px #0000002e,0 1.5px 8px 0 var(--electric-blue-light, rgba(0, 191, 255, .3))!important;outline:none!important;-webkit-user-select:none!important;user-select:none!important;transform:translateY(0)!important;will-change:transform,opacity!important}#game-play-button:hover{background:var(--glass-bg-hover, rgba(0, 128, 255, .22))!important;border-color:var(--electric-blue-light, rgba(0, 191, 255, .5))!important;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 40px #00000038,0 2px 16px 0 var(--electric-blue-light, rgba(0, 191, 255, .4))!important}#game-play-button:active{transform:translateY(0) scale(.98)!important}#game-play-button .play-icon{font-size:1.2rem!important;filter:drop-shadow(0 0 8px var(--electric-blue-light, rgba(0, 191, 255, .6)))!important}#game-play-button .play-text{letter-spacing:.5px!important}#game-ui{position:fixed!important;top:20px!important;left:20px!important;right:20px!important;z-index:1000!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:1rem!important;pointer-events:none!important;font-family:var(--font-primary, "Inter", sans-serif)!important;opacity:0!important;transition:opacity .3s ease!important}.game-score,.game-timer{background:var(--glass-bg, rgba(0, 128, 255, .15))!important;border:1px solid var(--glass-border, rgba(0, 128, 255, .3))!important;border-radius:12px!important;-webkit-backdrop-filter:var(--glass-backdrop-blur, blur(20px))!important;backdrop-filter:var(--glass-backdrop-blur, blur(20px))!important;padding:.5rem 1rem!important;color:#fff!important;font-weight:600!important;font-size:1.1rem!important;white-space:nowrap!important}.game-instructions{background:var(--glass-bg, rgba(0, 128, 255, .15))!important;border:1px solid var(--glass-border, rgba(0, 128, 255, .3))!important;border-radius:12px!important;-webkit-backdrop-filter:var(--glass-backdrop-blur, blur(20px))!important;backdrop-filter:var(--glass-backdrop-blur, blur(20px))!important;padding:.5rem 1rem!important;color:#fffc!important;font-size:.9rem!important;max-width:300px!important}.desktop-controls{display:block!important}.mobile-controls{display:none!important}#game-completion{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:2000!important;background:var(--glass-bg, rgba(0, 128, 255, .15))!important;border:1.5px solid var(--glass-border, rgba(0, 128, 255, .3))!important;border-radius:var(--border-radius, 1.5rem)!important;-webkit-backdrop-filter:var(--glass-backdrop-blur, blur(20px))!important;backdrop-filter:var(--glass-backdrop-blur, blur(20px))!important;padding:2rem!important;color:#fff!important;font-family:var(--font-primary, "Inter", sans-serif)!important;text-align:center!important;opacity:0!important;transform:translate(-50%,-50%) scale(.8)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 8px 40px #00000038,0 2px 16px 0 var(--electric-blue-light, rgba(0, 191, 255, .4))!important}.completion-content{max-width:300px!important}.completion-title{font-size:1.5rem!important;font-weight:700!important;margin-bottom:.5rem!important;color:var(--electric-blue-light, rgba(0, 191, 255, 1))!important;text-shadow:0 0 10px var(--electric-blue-light, rgba(0, 191, 255, .5))!important}.completion-score{font-size:1.2rem!important;font-weight:600!important;margin-bottom:1rem!important;color:#fff!important}.completion-message{font-size:.9rem!important;opacity:.8!important;line-height:1.4!important}@media (max-width: 768px){#game-play-button{bottom:20px!important;right:20px!important;padding:.8rem 1.2rem!important;font-size:.9rem!important}.desktop-controls{display:none!important}.mobile-controls{display:block!important}#game-ui{top:10px!important;left:10px!important;right:10px!important}.game-score,.game-timer{font-size:1rem!important;padding:.4rem .8rem!important}.game-instructions{font-size:.8rem!important;max-width:250px!important}}@media (max-width: 480px){#game-play-button .play-text{display:none!important}#game-play-button{padding:.8rem!important;border-radius:50%!important;width:50px!important;height:50px!important;justify-content:center!important}#game-play-button .play-icon{font-size:1.5rem!important}.completion-content{max-width:250px!important}.completion-title{font-size:1.3rem!important}.completion-score{font-size:1.1rem!important}.completion-message{font-size:.8rem!important}}@keyframes gameButtonPulse{0%{box-shadow:0 4px 32px #0000002e,0 1.5px 8px #00bfff4d}50%{box-shadow:0 4px 32px #0000002e,0 1.5px 8px #00bfff99}to{box-shadow:0 4px 32px #0000002e,0 1.5px 8px #00bfff4d}}#game-play-button{animation:gameButtonPulse 3s ease-in-out infinite!important}.main-landing{position:relative!important;z-index:10!important;transition:opacity .5s cubic-bezier(.4,0,.2,1)!important}#game-canvas{pointer-events:none!important}#game-container.game-active #game-canvas{pointer-events:auto!important}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){#game-canvas{image-rendering:pixelated!important}}#space-background{overflow:hidden;will-change:opacity;z-index:3!important}.distant-star{position:absolute;background:radial-gradient(circle,rgba(0,191,255,.8) 0%,rgba(0,191,255,.4) 50%,transparent 100%);border-radius:50%;animation:starTwinkle 3s ease-in-out infinite;pointer-events:none}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.nebula-cloud{position:absolute;width:200px;height:120px;background:radial-gradient(ellipse,rgba(0,128,255,.15) 0%,rgba(30,144,255,.08) 40%,transparent 70%);border-radius:50%;animation:nebulaDrift 20s linear infinite;filter:blur(1px);pointer-events:none}@keyframes nebulaDrift{0%{transform:translate(-10px) translateY(-5px) rotate(0) scale(1);opacity:.6}50%{transform:translate(10px) translateY(5px) rotate(180deg) scale(1.1);opacity:.8}to{transform:translate(-10px) translateY(-5px) rotate(360deg) scale(1);opacity:.6}}.space-planet{position:absolute;border-radius:50%;animation:planetFloat 15s ease-in-out infinite;pointer-events:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);transition:all .3s ease}.planet-0{animation-delay:0s;animation:planetFloat 15s ease-in-out infinite,planetGlow 8s ease-in-out infinite}.planet-1{animation-delay:5s;animation:planetFloat 18s ease-in-out infinite,planetGlow 6s ease-in-out infinite}.planet-2{animation-delay:10s;animation:planetFloat 12s ease-in-out infinite,planetGlow 10s ease-in-out infinite}@keyframes planetFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}@keyframes planetGlow{0%,to{filter:brightness(1) hue-rotate(0deg)}33%{filter:brightness(1.2) hue-rotate(10deg)}66%{filter:brightness(.9) hue-rotate(-5deg)}}.asteroid{position:absolute;background:linear-gradient(45deg,#64646466,#50505099);border-radius:30% 70% 70% 30%;animation:asteroidDrift linear infinite;pointer-events:none;opacity:.4}@keyframes asteroidDrift{0%{transform:translate(-20vw) translateY(-10px) rotate(0)}to{transform:translate(120vw) translateY(10px) rotate(360deg)}}.shooting-star{position:absolute;width:2px;height:2px;background:linear-gradient(45deg,transparent,rgba(0,191,255,.8),transparent);border-radius:50%;animation:shootingStar 2s linear;pointer-events:none}@keyframes shootingStar{0%{transform:translate(-100px) translateY(100px) scale(0);opacity:0}10%{transform:translate(-80px) translateY(80px) scale(1);opacity:1;box-shadow:0 0 10px #00bfff99}90%{transform:translate(80px) translateY(-80px) scale(1);opacity:1;box-shadow:0 0 10px #00bfff99}to{transform:translate(100px) translateY(-100px) scale(0);opacity:0}}.watermark-bg{position:fixed!important;z-index:5!important;opacity:.22!important;mix-blend-mode:screen;pointer-events:none!important;transition:opacity .5s ease-in-out!important}body:has(#space-background) .watermark-bg{opacity:.15!important;filter:drop-shadow(0 0 2px rgba(0,191,255,.3))!important;animation:subtleWatermarkGlow 4s ease-in-out infinite!important}@keyframes subtleWatermarkGlow{0%,to{filter:drop-shadow(0 0 2px rgba(0,191,255,.2))}50%{filter:drop-shadow(0 0 4px rgba(0,191,255,.4))}}.space-particle{position:absolute;width:1px;height:1px;background:#00bfff99;border-radius:50%;animation:spaceParticle 8s linear infinite;pointer-events:none}@keyframes spaceParticle{0%{transform:translateY(-10px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(110vh);opacity:0}}#space-background:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(0,128,255,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(30,144,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 40% 40%,rgba(0,100,200,.05) 0%,transparent 50%);pointer-events:none;animation:deepSpaceShimmer 30s ease-in-out infinite}@keyframes deepSpaceShimmer{0%,to{opacity:.5}50%{opacity:.8}}@media (max-width: 768px){.nebula-cloud{width:150px;height:90px}.space-planet{transform:scale(.8)}.distant-star{animation-duration:2s}}@media (max-width: 480px){.nebula-cloud{width:100px;height:60px}.space-planet{transform:scale(.6)}.asteroid{animation-duration:8s}}