:root{--bg-color:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--surface-color:#1e293bb3;--surface-border:#ffffff1a;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-1:#3b82f6;--accent-2:#8b5cf6;--accent-3:#10b981;--accent-gradient:linear-gradient(to right, var(--accent-1), var(--accent-2))}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-family:Outfit,sans-serif}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:1rem;box-shadow:0 10px 30px -10px #00000080}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite float}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:12s linear infinite spinSlow}@keyframes reveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.animate-reveal{animation:1s cubic-bezier(.77,0,.175,1) forwards reveal}@keyframes shine{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes pulseBorder{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.hover-pulse:hover{animation:1.5s cubic-bezier(.66,0,0,1) infinite pulseBorder}@keyframes glare{0%{opacity:0;left:-100%}50%{opacity:1}to{opacity:0;left:200%}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (width<=768px){.container{padding:0 1rem}}#app,.portfolio-app[data-v-d6ca5242]{flex-direction:column;min-height:100vh;display:flex}.top-banner[data-v-d6ca5242]{z-index:100;-webkit-backdrop-filter:blur(16px);background:#0f172a8c;border-bottom:1px solid #ffffff12;position:sticky;top:0;box-shadow:0 4px 30px #00000040}.top-banner-inner[data-v-d6ca5242]{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:.55rem 2rem;display:flex}.top-banner-left[data-v-d6ca5242]{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.top-banner-dot[data-v-d6ca5242]{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseDot-d6ca5242;box-shadow:0 0 8px #34d399}@keyframes pulseDot-d6ca5242{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}.top-banner-text[data-v-d6ca5242]{color:#34d399;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:500}.top-banner-links[data-v-d6ca5242]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.top-banner-divider[data-v-d6ca5242]{background:#ffffff1f;width:1px;height:18px}.top-banner-btn[data-v-d6ca5242]{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .85rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.wa-btn[data-v-d6ca5242]{color:#25d366;background:#25d36612;border-color:#25d36633}.wa-btn[data-v-d6ca5242]:hover{background:#25d3662e;border-color:#25d36680;transform:translateY(-1px);box-shadow:0 0 16px #25d36640}.fb-btn[data-v-d6ca5242]{color:#60a5fa;background:#60a5fa12;border-color:#60a5fa33}.fb-btn[data-v-d6ca5242]:hover{background:#60a5fa2e;border-color:#60a5fa80;transform:translateY(-1px);box-shadow:0 0 16px #60a5fa40}.ig-btn[data-v-d6ca5242]{color:#f472b6;background:#f472b612;border-color:#f472b633}.ig-btn[data-v-d6ca5242]:hover{background:#f472b62e;border-color:#f472b680;transform:translateY(-1px);box-shadow:0 0 16px #f472b640}@media (width<=480px){.top-banner-btn span[data-v-d6ca5242],.top-banner-text[data-v-d6ca5242]{display:none}.top-banner-btn[data-v-d6ca5242]{padding:.35rem .5rem}}.header[data-v-d6ca5242]{text-align:center;padding:6rem 0 4rem;position:relative;overflow:hidden}.hero-glass-border[data-v-d6ca5242]{background:linear-gradient(135deg,#3b82f6,#60a5fa,#8b5cf6,#a78bfa,#10b981,#34d399,#3b82f6,#60a5fa,#8b5cf6) 0 0/400% 400%;border-radius:1.5rem;margin-bottom:2rem;padding:2px;animation:4s linear infinite borderSlide-d6ca5242,5s ease-in-out infinite heroFloat-d6ca5242,4s ease-in-out infinite heroGlow-d6ca5242;display:inline-block}.hero-glass-inner[data-v-d6ca5242]{-webkit-backdrop-filter:blur(18px);background:#0a0f28e0;border-radius:calc(1.5rem - 2px);padding:2.25rem 3rem 2rem}@keyframes borderSlide-d6ca5242{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes heroFloat-d6ca5242{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes heroGlow-d6ca5242{0%,to{box-shadow:0 8px 40px #00000080,0 0 28px #3b82f673}33%{box-shadow:0 8px 40px #00000080,0 0 32px #8b5cf673}66%{box-shadow:0 8px 40px #00000080,0 0 32px #10b98166}}.hero-card-content[data-v-d6ca5242]{position:relative}@media (width<=600px){.hero-glass-inner[data-v-d6ca5242]{padding:1.5rem 1.25rem 1.25rem}}.header[data-v-d6ca5242]:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.header-content[data-v-d6ca5242]{z-index:1;position:relative}.cursor-glow[data-v-d6ca5242]{pointer-events:none;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), #3b82f614, transparent 40%);z-index:0;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.particles[data-v-d6ca5242]{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.particle[data-v-d6ca5242]{background:var(--accent-1);width:4px;height:4px;left:var(--x);top:var(--y);opacity:0;box-shadow:0 0 10px var(--accent-1), 0 0 20px var(--accent-2);animation:floatParticle-d6ca5242 var(--duration) ease-in-out infinite;animation-delay:var(--delay);border-radius:50%;position:absolute}@keyframes floatParticle-d6ca5242{0%{opacity:0;transform:translateY(0)translate(0)scale(.5)}50%{opacity:.5;transform:translateY(-100px)translate(20px)scale(1.5)}to{opacity:0;transform:translateY(-200px)translate(-20px)scale(.5)}}.title[data-v-d6ca5242]{letter-spacing:-.02em;margin-bottom:1rem;font-size:3.5rem;font-weight:700}.subtitle[data-v-d6ca5242]{color:var(--text-muted);margin-bottom:2rem;font-size:1.25rem}.badges[data-v-d6ca5242]{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.badge[data-v-d6ca5242]{color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .3s}.badge[data-v-d6ca5242]:hover{color:var(--text-main);background:#ffffff1a;transform:translateY(-2px)}.main-content[data-v-d6ca5242]{flex:1;padding-bottom:6rem}.section-header[data-v-d6ca5242]{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.section-icon[data-v-d6ca5242]{color:var(--accent-1)}.section-title[data-v-d6ca5242]{text-align:center;font-size:2.5rem;font-weight:600}.section-desc[data-v-d6ca5242]{text-align:center;color:var(--text-muted);margin-bottom:4rem;font-size:1.1rem}.skills-grid[data-v-d6ca5242]{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.skill-card[data-v-d6ca5242]{border:1px solid #ffffff0d;padding:2rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;position:relative;overflow:hidden}.skill-card[data-v-d6ca5242]:after{content:"";background:0 0;height:4px;transition:background .3s;position:absolute;top:0;left:0;right:0}.skill-card[data-v-d6ca5242]:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff0d 10%,#0000 40%);width:300%;height:300%;transition:opacity .5s;position:absolute;top:-100%;left:-100%}.skill-card[data-v-d6ca5242]:hover{border-color:#ffffff26;transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px -12px #000000b3}.skill-card[data-v-d6ca5242]:hover:before{opacity:1;animation:3s linear infinite shine}.card-header[data-v-d6ca5242]{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.card-header h3[data-v-d6ca5242]{font-size:1.5rem;font-weight:600}.icon-wrapper[data-v-d6ca5242]{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.text-blue h3[data-v-d6ca5242]{color:var(--accent-1)}.bg-blue[data-v-d6ca5242]{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.skill-card[data-v-d6ca5242]:has(.text-blue):hover:after{background:var(--accent-1)}.text-purple h3[data-v-d6ca5242]{color:var(--accent-2)}.bg-purple[data-v-d6ca5242]{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.skill-card[data-v-d6ca5242]:has(.text-purple):hover:after{background:var(--accent-2)}.text-emerald h3[data-v-d6ca5242]{color:var(--accent-3)}.bg-emerald[data-v-d6ca5242]{background:linear-gradient(135deg,#34d399,#10b981)}.skill-card[data-v-d6ca5242]:has(.text-emerald):hover:after{background:var(--accent-3)}.skill-list[data-v-d6ca5242]{flex-direction:column;gap:1rem;list-style:none;display:flex}.skill-item[data-v-d6ca5242]{background:#0003;border:1px solid #0000;border-radius:8px;align-items:center;gap:1rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.skill-item[data-v-d6ca5242]:before{content:"";background:var(--accent-1);width:3px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.skill-item[data-v-d6ca5242]:after{content:"";z-index:1;background:linear-gradient(90deg,#0000,#fff3,#0000);width:40%;height:100%;transition:none;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.skill-item[data-v-d6ca5242]:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translate(8px)}.skill-item[data-v-d6ca5242]:hover:before{transform:scaleY(1)}.skill-item[data-v-d6ca5242]:hover:after{animation:.7s ease-in-out forwards glare}.skill-item:hover .skill-icon[data-v-d6ca5242]{color:var(--text-main);transform:rotate(10deg)scale(1.1)}.skill-icon[data-v-d6ca5242]{flex-shrink:0;transition:all .3s}.text-muted[data-v-d6ca5242]{color:var(--text-muted)}.skill-name[data-v-d6ca5242]{font-size:1.05rem;font-weight:500}.freelance-wrapper[data-v-d6ca5242]{flex-direction:column;align-items:center;gap:.75rem;margin-top:2.5rem;display:flex}.freelance-label[data-v-d6ca5242]{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);opacity:.8;font-size:.85rem;font-weight:500}.typewriter-box[data-v-d6ca5242]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f614;border:1px solid #3b82f640;border-radius:2rem;justify-content:center;align-items:center;gap:.5rem;min-width:320px;padding:.65rem 1.75rem;display:inline-flex;box-shadow:0 0 30px #3b82f61f,inset 0 1px #ffffff0d}.typewriter-prefix[data-v-d6ca5242]{font-size:1.1rem}.typewriter-text[data-v-d6ca5242]{background:linear-gradient(90deg,#60a5fa,#a78bfa,#34d399) 0 0/200%;-webkit-text-fill-color:transparent;text-align:left;-webkit-background-clip:text;background-clip:text;min-width:200px;font-size:1.2rem;font-weight:600;animation:3s linear infinite gradientShift-d6ca5242}.typewriter-cursor[data-v-d6ca5242]{color:#60a5fa;opacity:1;margin-left:2px;font-size:1.3rem;font-weight:300;transition:opacity .1s}.typewriter-cursor.blink[data-v-d6ca5242]{opacity:0}@keyframes gradientShift-d6ca5242{0%{background-position:0%}to{background-position:200%}}.marquee-strip[data-v-d6ca5242]{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;width:100%;margin-top:2rem;padding:.6rem 0;position:relative;overflow:hidden}.marquee-strip[data-v-d6ca5242]:before,.marquee-strip[data-v-d6ca5242]:after{content:"";z-index:2;pointer-events:none;width:80px;height:100%;position:absolute;top:0}.marquee-strip[data-v-d6ca5242]:before{background:linear-gradient(to right, var(--bg-main,#0a0f1e), transparent);left:0}.marquee-strip[data-v-d6ca5242]:after{background:linear-gradient(to left, var(--bg-main,#0a0f1e), transparent);right:0}.marquee-track[data-v-d6ca5242]{width:max-content;animation:22s linear infinite marqueeScroll-d6ca5242;display:flex}.marquee-track[data-v-d6ca5242]:hover{animation-play-state:paused}.marquee-content[data-v-d6ca5242]{white-space:nowrap;align-items:center;gap:1.5rem;padding:0 1.5rem;display:flex}.marquee-item[data-v-d6ca5242]{color:var(--text-muted);letter-spacing:.05em;font-size:.9rem;font-weight:500;transition:color .3s}.marquee-item[data-v-d6ca5242]:hover{color:var(--text-main)}.marquee-dot[data-v-d6ca5242]{color:#60a5fa;opacity:.6;font-size:.6rem}@keyframes marqueeScroll-d6ca5242{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer[data-v-d6ca5242]{text-align:center;color:var(--text-muted);border-top:1px solid var(--surface-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;padding:2rem}@media (width<=768px){.title[data-v-d6ca5242]{font-size:2.25rem}.subtitle[data-v-d6ca5242]{margin-bottom:1.5rem;font-size:1rem}.header[data-v-d6ca5242]{padding:3rem 0 1.5rem}.section-title[data-v-d6ca5242]{font-size:2rem}.skills-grid[data-v-d6ca5242]{grid-template-columns:1fr;gap:1.5rem}.skill-card[data-v-d6ca5242]{padding:1.5rem}.badges[data-v-d6ca5242]{gap:.5rem}.badge[data-v-d6ca5242]{padding:.4rem 1rem;font-size:.8rem}}@media (width<=480px){.title[data-v-d6ca5242]{font-size:1.8rem}.header[data-v-d6ca5242]:before{width:300px;height:300px}.card-header h3[data-v-d6ca5242]{font-size:1.25rem}}