:root{--font-outfit: "Outfit", sans-serif;--bg-color: #f8fafc;--bg-secondary: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--card-hover-bg: rgba(255, 255, 255, .9);--shadow-soft: 0 10px 30px -10px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--gradient-text: linear-gradient(135deg, #2563eb, #7c3aed);--gradient-bg-1: radial-gradient(circle at 10% 20%, rgba(37, 99, 235, .1) 0%, transparent 40%);--gradient-bg-2: radial-gradient(circle at 90% 80%, rgba(124, 58, 237, .1) 0%, transparent 40%)}body.dark-mode{--bg-color: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-primary: #60a5fa;--accent-secondary: #a78bfa;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .08);--card-hover-bg: rgba(30, 41, 59, .9);--shadow-soft: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-glow: 0 0 25px rgba(96, 165, 250, .2);--gradient-text: linear-gradient(135deg, #60a5fa, #a78bfa);--gradient-bg-1: radial-gradient(circle at 10% 20%, rgba(96, 165, 250, .15) 0%, transparent 50%);--gradient-bg-2: radial-gradient(circle at 90% 80%, rgba(167, 139, 250, .15) 0%, transparent 50%)}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-outfit);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;transition:background-color .4s ease,color .4s ease;overflow-x:hidden;position:relative;min-height:100vh}.bg-gradient-1,.bg-gradient-2{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none;transition:background .4s ease}.bg-gradient-1{background:var(--gradient-bg-1)}.bg-gradient-2{background:var(--gradient-bg-2)}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:-1;pointer-events:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}a{text-decoration:none;color:inherit;transition:all .3s ease}nav{position:fixed;top:0;left:0;width:100%;z-index:100;padding:1.5rem 0;background:rgba(var(--bg-color),.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);transition:background-color .4s ease,border-color .4s ease}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.logo-image{height:29px;width:auto;object-fit:contain}.logo-box{width:32px;height:32px;background:var(--accent-primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem}.nav-links{display:flex;gap:2rem;margin:0 2rem}.nav-links a{font-weight:500;font-size:.95rem;color:var(--text-secondary)}.nav-links a:hover{color:var(--text-primary)}@media(max-width:768px){.nav-links{display:none}}.theme-toggle{background:transparent;border:1px solid var(--glass-border);color:var(--text-primary);padding:.5rem;border-radius:50%;cursor:pointer;font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background .3s,transform .2s,color .4s ease}.theme-toggle:hover{background:var(--glass-border);transform:rotate(15deg)}.hero{padding-top:180px;padding-bottom:100px;text-align:center;position:relative;overflow:hidden}.hero-content{max-width:1000px;position:relative;z-index:10}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#1e293b80;color:var(--text-secondary);border-radius:50px;font-size:.75rem;font-weight:700;margin-bottom:2rem;border:1px solid var(--glass-border);text-transform:uppercase;letter-spacing:.05em}.dot{width:8px;height:8px;background-color:#10b981;border-radius:50%}h1{font-size:3rem;line-height:1.1;font-weight:900;margin-bottom:1.5rem;letter-spacing:-.02em}@media(min-width:768px){h1{font-size:4.5rem}}@media(min-width:1024px){h1{font-size:6rem}}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-group{display:flex;gap:1rem;justify-content:center}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s,background-color .3s}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f63b;background:#2563eb}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--glass-border)}.hero-visual{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1;pointer-events:none;opacity:.6}.floating-card{position:absolute;background:var(--glass-bg);padding:1rem 1.5rem;border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-primary);animation:float 6s ease-in-out infinite;transition:margin .1s linear}.floating-card i{font-size:1.2rem;color:var(--accent-secondary)}.c1{top:20%;left:10%;animation-delay:0s}.c2{top:60%;right:15%;animation-delay:2s}.c3{top:75%;left:20%;animation-delay:4s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.portfolio{padding:5rem 0 8rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.section-header p{color:var(--text-secondary);font-size:1.1rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:280px}.project-card:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.icon-box{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:1.5rem;background:#ffffff0d}.color-1{color:#3b82f6;background:#3b82f61a}.color-2{color:#10b981;background:#10b9811a}.color-3{color:#f59e0b;background:#f59e0b1a}.project-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.project-card p{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;flex-grow:1}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.tags span{font-size:.75rem;padding:.25rem .75rem;border-radius:50px;background:var(--glass-border);color:var(--text-secondary);font-weight:500}.card-arrow{position:absolute;top:2rem;right:2rem;font-size:1.25rem;color:var(--text-secondary);opacity:0;transform:translate(-10px,10px);transition:all .3s ease}.project-card:hover .card-arrow{opacity:1;transform:translate(0);color:var(--accent-primary)}footer{border-top:1px solid var(--glass-border);padding:3rem 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-brand h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.footer-brand p{color:var(--text-secondary);font-size:.9rem}.footer-links{color:var(--text-secondary);font-size:.875rem}.scroll-hidden{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-visible{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-500{transition-delay:.5s}@media(max-width:768px){h1{font-size:2.75rem}.hero{padding-top:140px;padding-bottom:80px}.hero-visual{display:none}.card-arrow{opacity:1;transform:none;top:1.5rem;right:1.5rem}}.floating-wa{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;background-color:#25d366;color:#fff;border-radius:50%;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center;font-size:2rem;z-index:1000;transition:transform .3s ease,box-shadow .3s ease;animation:pulse 2s infinite}.floating-wa:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}@keyframes pulse{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}@media(max-width:768px){.floating-wa{bottom:1.5rem;right:1.5rem;width:50px;height:50px;font-size:1.75rem}}.section-padding{padding:6rem 0;position:relative}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:3rem}.service-card{background:var(--glass-bg);border:1px solid var(--glass-border);padding:2.5rem;border-radius:20px;text-align:center;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003;border-color:var(--accent-primary)}.service-icon{width:70px;height:70px;margin:0 auto 1.5rem;background:#3b82f61a;color:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.service-card p{color:var(--text-secondary)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media(max-width:900px){.about-grid{grid-template-columns:1fr;text-align:center}}.about-content h2{font-size:3rem;line-height:1.2;margin-bottom:1.5rem;color:var(--text-primary)}.stats-grid{display:flex;gap:3rem;margin-top:3rem}@media(max-width:900px){.stats-grid{justify-content:center}}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:2.5rem;font-weight:800;color:var(--accent-primary)}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.about-visual{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.visual-card-stack{position:relative;width:300px;height:300px}.stack-card{position:absolute;width:200px;padding:1rem;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 30px #00000026;animation:float 5s infinite ease-in-out}.stack-card i{font-size:1.5rem}.s1{top:0;left:0;z-index:1;animation-delay:0s;color:#3b82f6}.s2{top:30%;right:-20px;z-index:2;animation-delay:1.5s;color:#10b981}.s3{bottom:0;left:20px;z-index:3;animation-delay:3s;color:#f59e0b}.contact-section{padding-bottom:8rem}.narrow-container{max-width:800px}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);padding:4rem 2rem;border-radius:30px;text-align:center;box-shadow:0 20px 50px #0000001a}.contact-actions{display:flex;gap:1.5rem;justify-content:center;margin:2.5rem 0;flex-wrap:wrap}.btn-lg{padding:1rem 2.5rem;font-size:1.1rem}.contact-info-row{display:flex;justify-content:center;gap:2rem;margin-top:3rem;border-top:1px solid var(--glass-border);padding-top:2rem;flex-wrap:wrap}.info-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.contact-info-boxes{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:3rem;width:100%}.info-box{background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-width:250px;flex:1;text-align:center;transition:transform .3s ease,background .3s ease}.info-box:hover{transform:translateY(-5px);background:var(--glass-bg);border-color:var(--accent-primary)}.info-box i{color:var(--accent-primary);font-size:1.5rem;margin-bottom:.25rem}.info-box span{color:var(--text-secondary);font-size:.95rem;word-break:break-word}.info-box.wide{flex-basis:100%;max-width:100%;margin-top:.5rem}@media(max-width:768px){.contact-info-boxes{flex-direction:column}}