@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap);:root{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-color:#6366f1;--accent-light:#818cf8;--accent-dark:#4f46e5;--accent-glow:#6366f140;--success-color:#10b981;--warning-color:#f59e0b;--glass-bg:#ffffffa6;--glass-border:#ffffff80;--glass-bg-heavy:#ffffffd9;--shadow-color:#0000000f;--shadow-lg:#0000001a;--gradient-hero:linear-gradient(135deg,#6366f1,#06b6d4 50%,#8b5cf6);--gradient-1:linear-gradient(135deg,#e0f2fe,#c7d2fe);--gradient-2:linear-gradient(135deg,#ede9fe,#e0e7ff);--gradient-3:linear-gradient(135deg,#fce7f3,#fae8ff);--gradient-4:linear-gradient(135deg,#ecfdf5,#d1fae5);--gradient-hover:#ffffff59;--card-gradient-1:linear-gradient(135deg,#dbeafe,#c7d2fe);--card-gradient-2:linear-gradient(135deg,#ede9fe,#e0e7ff);--card-gradient-3:linear-gradient(135deg,#fce7f3,#fae8ff);--card-gradient-4:linear-gradient(135deg,#d1fae5,#ccfbf1);--card-gradient-5:linear-gradient(135deg,#fef3c7,#fde68a);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px}[data-theme=dark]{--bg-primary:#0a0a1a;--bg-secondary:#111127;--bg-tertiary:#1a1a3e;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-color:#818cf8;--accent-light:#a5b4fc;--accent-dark:#6366f1;--accent-glow:#818cf84d;--glass-bg:#111127b3;--glass-border:#ffffff0f;--glass-bg-heavy:#111127e6;--shadow-color:#0006;--shadow-lg:#0009;--gradient-hero:linear-gradient(135deg,#6366f1,#06b6d4 50%,#8b5cf6);--gradient-1:linear-gradient(135deg,#6366f126,#06b6d440);--gradient-2:linear-gradient(135deg,#8b5cf626,#6d28d940);--gradient-3:linear-gradient(135deg,#ec489926,#a855f740);--gradient-4:linear-gradient(135deg,#10b98126,#06b6d440);--gradient-hover:#ffffff0a;--card-gradient-1:linear-gradient(135deg,#6366f11f,#06b6d433);--card-gradient-2:linear-gradient(135deg,#8b5cf61f,#6d28d933);--card-gradient-3:linear-gradient(135deg,#ec48991f,#a855f733);--card-gradient-4:linear-gradient(135deg,#10b9811f,#06b6d433);--card-gradient-5:linear-gradient(135deg,#f59e0b1f,#eab30833)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:#f8fafc;background-color:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#6366f1;background:var(--accent-color);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#818cf8;background:var(--accent-light)}*{scrollbar-color:#6366f1 #f1f5f9;scrollbar-color:var(--accent-color) var(--bg-secondary);scrollbar-width:thin}.glass-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffa6;background:var(--glass-bg);border:1px solid #ffffff80;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000000f;box-shadow:0 8px 32px var(--shadow-color)}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary);font-weight:700;line-height:1.2}p{color:#475569;color:var(--text-secondary)}.mono,code{font-family:JetBrains Mono,Fira Code,monospace}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#06b6d4 50%,#8b5cf6);background:var(--gradient-hero);-webkit-background-clip:text;background-clip:text}.glow{box-shadow:0 0 20px #6366f140,0 8px 32px #0000000f;box-shadow:0 0 20px var(--accent-glow),0 8px 32px var(--shadow-color)}.glow-text{text-shadow:0 0 40px #6366f140;text-shadow:0 0 40px var(--accent-glow)}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer{-webkit-text-fill-color:#0000;animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#0f172a,#6366f1 50%,#0f172a);background:linear-gradient(90deg,var(--text-primary) 0,var(--accent-color) 50%,var(--text-primary) 100%);-webkit-background-clip:text;background-clip:text;background-size:200% auto}.fade-in-up{opacity:0;transform:translateY(40px);transition:opacity .7s ease-out,transform .7s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translateX(-40px);transition:opacity .7s ease-out,transform .7s ease-out}.fade-in-left.visible{opacity:1;transform:translateX(0)}.fade-in-right{opacity:0;transform:translateX(40px);transition:opacity .7s ease-out,transform .7s ease-out}.fade-in-right.visible{opacity:1;transform:translateX(0)}.fade-in-scale{opacity:0;transform:scale(.92);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-scale.visible{opacity:1;transform:scale(1)}.section{padding:6rem 0;position:relative}.section-container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-label{align-items:center;color:#6366f1;color:var(--accent-color);display:inline-flex;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:3px;margin-bottom:.75rem;text-transform:uppercase}.section-label:before{background:#6366f1;background:var(--accent-color);content:"";display:inline-block;height:2px;width:24px}.section-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.section-subtitle{color:#475569;color:var(--text-secondary);font-size:1.1rem;max-width:600px}.app-container{display:flex;flex-direction:column;min-height:100vh}@media (max-width:768px){.section{padding:4rem 0}.section-container{padding:0 1.25rem}}@media (max-width:480px){.section{padding:3rem 0}.section-container{padding:0 1rem}}.app-header{left:0;padding:1rem 0;position:fixed;right:0;top:0;transition:all .4s ease;z-index:1000}.header-scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg-heavy);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px var(--shadow-color);padding:.65rem 0}.header-inner{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-inner,.logo-container{align-items:center;display:flex}.logo-container{color:var(--text-primary);gap:.65rem;text-decoration:none}.logo-icon{align-items:center;background:var(--accent-color);border-radius:10px;color:#fff;display:flex;font-size:.95rem;font-weight:900;height:34px;justify-content:center;transition:transform .3s ease;width:34px}.logo-container:hover .logo-icon{transform:rotate(-8deg) scale(1.05)}.logo-text{font-size:1.15rem;font-weight:800;letter-spacing:-.5px}.header-nav{align-items:center;display:flex;gap:.5rem}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .25s ease}.nav-link:after{background:var(--accent-color);border-radius:2px;bottom:4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .25s ease;width:0}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:20px}.nav-active{color:var(--accent-color)}.nav-active:after{width:20px}.theme-toggle-btn{align-items:center;background:#0000;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;height:38px;justify-content:center;margin-left:.5rem;transition:all .3s ease;width:38px}.theme-toggle-btn:hover{background:var(--glass-bg);border-color:var(--accent-color);transform:rotate(15deg)}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:4px;z-index:1001}.hamburger span{background:var(--text-primary);border-radius:2px;display:block;height:2px;transition:all .3s ease;width:22px}.hamburger-open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-open span:nth-child(2){opacity:0}.hamburger-open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.hamburger{display:flex}.header-nav{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--glass-bg-heavy);border-left:1px solid var(--glass-border);box-shadow:-10px 0 40px var(--shadow-lg);flex-direction:column;gap:1.5rem;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.25,.46,.45,.94);width:280px}.nav-open{right:0}.nav-link{font-size:1.1rem;padding:.75rem 1.5rem}.theme-toggle-btn{margin-left:0;margin-top:1rem}}@media (max-width:480px){.header-inner{padding:0 1rem}}.hero-section{--mouse-x:50%;--mouse-y:50%;align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:6rem 2rem 4rem;position:relative}.hero-orb{animation:orbFloat 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;position:absolute}.hero-orb-1{animation-delay:0s;background:radial-gradient(circle,var(--accent-color),#0000);height:500px;right:-10%;top:-10%;width:500px}.hero-orb-2{animation-delay:-4s;background:radial-gradient(circle,#06b6d4,#0000);bottom:-15%;height:400px;left:-10%;width:400px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.hero-particles{inset:0;pointer-events:none;position:absolute}.particle{background:var(--accent-color);border-radius:50%;opacity:.15;position:absolute}.particle-1{animation:particleDrift 12s ease-in-out infinite;height:6px;left:15%;top:20%;width:6px}.particle-2{animation:particleDrift 15s ease-in-out infinite reverse;height:4px;left:80%;top:60%;width:4px}.particle-3{animation:particleDrift 10s ease-in-out infinite;animation-delay:-3s;height:8px;right:20%;top:30%;width:8px}.particle-4{animation:particleDrift 18s ease-in-out infinite reverse;animation-delay:-6s;height:3px;left:30%;top:70%;width:3px}.particle-5{animation:particleDrift 14s ease-in-out infinite;animation-delay:-2s;height:5px;right:35%;top:15%;width:5px}.particle-6{animation:particleDrift 11s ease-in-out infinite reverse;animation-delay:-5s;bottom:20%;height:7px;right:15%;width:7px}@keyframes particleDrift{0%,to{transform:translate(0)}25%{transform:translate(40px,-30px)}50%{transform:translate(-20px,40px)}75%{transform:translate(30px,20px)}}.hero-content{animation:heroEnter 1s ease-out;max-width:800px;position:relative;text-align:center;z-index:2}@keyframes heroEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-size:.85rem;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem}.status-dot{animation:pulse 2s ease-in-out infinite;background:var(--success-color);border-radius:50%;height:8px;width:8px}.hero-title{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem}.hero-greeting{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.25rem);font-weight:500}.hero-name{font-size:clamp(3rem,8vw,5.5rem);font-weight:900;letter-spacing:-2px;line-height:1;margin:.25rem 0}.hero-role{color:var(--text-secondary);font-size:clamp(1.25rem,3vw,2rem);font-weight:600;margin-top:.5rem}.hero-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;margin:0 auto 2.5rem;max-width:580px}.hero-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.btn-primary{align-items:center;background:var(--accent-color);border-radius:var(--radius-md);box-shadow:0 4px 20px var(--accent-glow);color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary:hover{background:var(--accent-dark);box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.btn-primary svg{transition:transform .3s ease}.btn-primary:hover svg{transform:translate(2px,-2px)}.btn-secondary{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:var(--glass-bg);border-color:var(--accent-color);transform:translateY(-2px)}.hero-stats{gap:2rem;justify-content:center}.hero-stats,.stat-item{align-items:center;display:flex}.stat-item{flex-direction:column}.stat-number{color:var(--text-primary);font-size:1.75rem;font-weight:800}.stat-label{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.8rem;letter-spacing:1px;margin-top:.25rem;text-transform:uppercase}.stat-divider{background:var(--glass-border);height:40px;width:1px}.scroll-indicator{align-items:center;animation:scrollBounce 2s ease-in-out infinite;bottom:2rem;display:flex;flex-direction:column;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%)}.scroll-mouse{border:2px solid var(--text-muted);border-radius:12px;display:flex;height:38px;justify-content:center;padding-top:8px;width:24px}.scroll-wheel{animation:scrollWheelAnim 2s ease-in-out infinite;background:var(--text-muted);border-radius:3px;height:8px;width:3px}@keyframes scrollWheelAnim{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(6px)}}.scroll-text{color:var(--text-muted);font-size:.7rem;letter-spacing:2px;text-transform:uppercase}@keyframes scrollBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}@media (max-width:768px){.hero-section{min-height:calc(100vh - 60px);padding:5rem 1.25rem 3rem}.hero-name{letter-spacing:-1px}.hero-description{font-size:1rem}.hero-stats{gap:1.5rem}.stat-number{font-size:1.5rem}}@media (max-width:480px){.hero-cta{align-items:center;flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;max-width:280px;width:100%}.scroll-indicator{display:none}}.about-section{background:var(--bg-secondary)}.section-header{margin-bottom:3.5rem}.about-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:340px 1fr}.about-profile-card{padding:2.5rem 2rem;position:sticky;text-align:center;top:100px}.about-avatar-wrapper{height:140px;margin:0 auto 1.5rem;position:relative;width:140px}.about-avatar{border:4px solid var(--accent-color);border-radius:50%;box-shadow:0 8px 30px var(--accent-glow);height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.about-avatar:hover{transform:scale(1.05)}.about-status{align-items:center;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-full);bottom:4px;color:var(--success-color);display:flex;font-size:.7rem;font-weight:600;gap:.35rem;padding:.25rem .75rem;position:absolute;right:-8px}.status-dot-sm{animation:pulse 2s ease-in-out infinite;background:var(--success-color);border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.about-name{font-size:1.5rem;margin-bottom:.25rem}.about-role-text{color:var(--accent-color);font-size:.95rem;font-weight:600;margin-bottom:1rem}.about-bio{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:1.5rem}.about-social-row{display:flex;gap:.75rem;justify-content:center}.about-social-link{align-items:center;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);display:flex;height:42px;justify-content:center;text-decoration:none;transition:all .3s ease;width:42px}.about-social-link:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 6px 20px var(--accent-glow);color:#fff;transform:translateY(-3px)}.about-details{display:flex;flex-direction:column;gap:1.5rem}.about-tech-card,.about-timeline-card{padding:2rem}.about-card-title{align-items:center;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.about-card-icon{font-size:1.25rem}.skill-groups{display:flex;flex-direction:column;gap:1.5rem}.skill-group-title{border-left:2px solid var(--accent-color);color:var(--text-muted);font-size:.75rem;letter-spacing:1px;line-height:1;margin-bottom:.75rem;padding-left:.25rem;text-transform:uppercase}.skill-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.skill-chip-wrapper{height:auto;position:relative}.skill-chip{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;font-weight:600;height:100%;min-height:54px;overflow:hidden;padding:.8rem 1.2rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.skill-chip.expanded,.skill-chip:hover{background:var(--bg-secondary);border-color:var(--accent-color);box-shadow:0 10px 25px var(--accent-glow);padding-bottom:1.2rem;transform:translateY(-5px)}.skill-name-row{align-items:center;display:flex;gap:.5rem}.skill-dot{background:var(--accent-color);border-radius:50%;flex-shrink:0;height:8px;transition:all .3s ease;width:8px}.skill-chip.expanded .skill-dot,.skill-chip:hover .skill-dot{box-shadow:0 0 10px var(--accent-color);transform:scale(1.2)}.skill-hover-content{margin-top:0;max-height:0;opacity:0;transition:all .4s ease;width:100%}.skill-chip.expanded .skill-hover-content,.skill-chip:hover .skill-hover-content{margin-top:.8rem;max-height:200px;opacity:1}.skill-level-container{margin-bottom:.75rem}.skill-level-label{color:var(--accent-color);font-size:.7rem;font-weight:700;margin-bottom:.3rem;text-align:right}.skill-level-bar-bg{background:#ffffff0d;border-radius:2px;height:4px;overflow:hidden;width:100%}.skill-level-bar-fill{background:linear-gradient(90deg,var(--accent-color),#8b5cf6);border-radius:2px;height:100%;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.65,0,.35,1) .1s}.skill-chip.expanded .skill-level-bar-fill,.skill-chip:hover .skill-level-bar-fill{transform:scaleX(1)}.sub-skill-list{display:flex;flex-wrap:wrap;gap:.4rem}.sub-skill-tag{background:#ffffff08;border:1px solid var(--glass-border);border-radius:4px;color:var(--text-secondary);font-size:.65rem;padding:.15rem .4rem;white-space:nowrap}.skill-chip.expanded .sub-skill-tag,.skill-chip:hover .sub-skill-tag{border-color:#6366f14d}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:1.25rem;padding-bottom:1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0;padding-top:4px}.timeline-dot{background:var(--accent-color);border:3px solid var(--bg-secondary);border-radius:50%;box-shadow:0 0 0 2px var(--accent-color);flex-shrink:0;height:12px;width:12px}.timeline-line{background:var(--glass-border);flex:1 1;margin-top:.5rem;width:2px}.timeline-content{flex:1 1}.timeline-year{color:var(--accent-color);font-size:.75rem;font-weight:600;letter-spacing:.5px}.timeline-role{font-size:1rem;font-weight:700;margin:.25rem 0 .1rem}.timeline-company{color:var(--text-muted);font-size:.85rem;margin-bottom:.35rem}.timeline-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.5}@media (max-width:900px){.about-grid{grid-template-columns:1fr}.about-profile-card{position:static}}@media (max-width:480px){.about-profile-card{padding:2rem 1.5rem}.about-tech-card,.about-timeline-card{padding:1.5rem}}.project-section{position:relative}.project-list{display:flex;flex-direction:column;gap:1.25rem}.project-card{--mouse-x:50%;--mouse-y:50%;color:var(--text-primary);cursor:pointer;display:block;overflow:hidden;position:relative;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease}.project-card:hover{box-shadow:0 16px 40px var(--shadow-lg),0 0 30px var(--accent-glow);transform:translateY(-4px) scale(1.005)}.project-card-inner{display:flex;gap:1.5rem;padding:1.75rem;position:relative;z-index:1}.project-icon-wrap{align-items:center;background:color-mix(in srgb,var(--accent-color) 12%,#0000);background:color-mix(in srgb,var(--accent,var(--accent-color)) 12%,#0000);border:1px solid color-mix(in srgb,var(--accent,var(--accent-color)) 20%,#0000);border-radius:var(--radius-md);display:flex;height:56px;justify-content:center;min-width:56px;transition:all .3s ease;width:56px}.project-card:hover .project-icon-wrap{background:color-mix(in srgb,var(--accent-color) 22%,#0000);background:color-mix(in srgb,var(--accent,var(--accent-color)) 22%,#0000);transform:scale(1.08)}.project-icon{font-size:1.5rem;line-height:1}.project-card-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.project-card-meta{align-items:center;display:flex;gap:.6rem}.project-category{background:var(--accent-glow);border-radius:var(--radius-full);color:var(--accent-color);font-size:.68rem;font-weight:600;letter-spacing:1.5px;padding:.2rem .6rem;text-transform:uppercase}.project-live-badge{align-items:center;background:color-mix(in srgb,var(--success-color) 12%,#0000);border:1px solid color-mix(in srgb,var(--success-color) 25%,#0000);border-radius:var(--radius-full);color:var(--success-color);display:inline-flex;font-size:.6rem;font-weight:700;gap:.3rem;letter-spacing:1px;padding:.2rem .55rem}.live-dot{animation:livePulse 1.5s ease-in-out infinite;background:var(--success-color);border-radius:50%;height:5px;width:5px}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}.project-maintenance-badge{align-items:center;background:color-mix(in srgb,#f59e0b 12%,#0000);border:1px solid color-mix(in srgb,#f59e0b 25%,#0000);border-radius:var(--radius-full);color:#f59e0b;display:inline-flex;font-size:.6rem;font-weight:700;gap:.3rem;letter-spacing:1px;padding:.2rem .55rem}.maintenance-dot{animation:maintenancePulse 2s ease-in-out infinite;background:#f59e0b;border-radius:50%;height:5px;width:5px}@keyframes maintenancePulse{0%,to{opacity:1}50%{opacity:.2}}.project-title{font-size:1.15rem;font-weight:700;line-height:1.4;margin:0;transition:color .3s ease}.project-card:hover .project-title{color:var(--accent-color)}.project-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.88rem;line-height:1.55;margin:0;overflow:hidden}.project-bottom-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:.35rem}.project-tech-row{display:flex;flex-wrap:wrap;gap:.35rem}.project-tech-tag{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600;padding:.2rem .55rem;transition:all .25s ease}.project-card:hover .project-tech-tag{border-color:color-mix(in srgb,var(--accent-color) 30%,#0000);color:var(--text-secondary)}.project-arrow{align-items:center;border:1px solid var(--glass-border);border-radius:50%;color:var(--text-muted);display:flex;height:36px;justify-content:center;min-width:36px;transition:all .3s ease;width:36px}.project-card:hover .project-arrow{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 15px var(--accent-glow);color:#fff;transform:translate(2px,-2px)}.project-accent-line{height:3px;opacity:.5;transition:opacity .3s ease,height .3s ease}.project-card:hover .project-accent-line{height:4px;opacity:1}.project-glow{background:radial-gradient(circle,var(--accent-glow) 0,#0000 70%);border-radius:50%;height:300px;left:var(--mouse-x);opacity:0;pointer-events:none;position:absolute;top:var(--mouse-y);transform:translate(-50%,-50%);transition:opacity .3s ease;width:300px;z-index:0}.project-card:hover .project-glow{opacity:.6}@media (max-width:768px){.project-card-inner{flex-direction:column;gap:1rem;padding:1.5rem}.project-icon-wrap{height:48px;min-width:48px;width:48px}.project-icon{font-size:1.25rem}.project-bottom-row{align-items:flex-start;flex-direction:column}.project-arrow{align-self:flex-end}}@media (max-width:480px){.project-card-inner{padding:1.25rem}.project-title{font-size:1.05rem}}.site-footer{background:var(--bg-secondary);overflow:hidden;padding:5rem 0 2rem;position:relative}.site-footer:before{background:linear-gradient(90deg,#0000,var(--accent-color),#0000);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60%}.footer-container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-cta{margin-bottom:3rem;text-align:center}.footer-heading{-webkit-text-fill-color:#0000;background:var(--gradient-hero);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,3rem);margin-bottom:.75rem}.footer-subtext{color:var(--text-secondary);font-size:1.05rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:500px}.footer-cta-btn{align-items:center;background:var(--accent-color);border-radius:var(--radius-md);box-shadow:0 4px 20px var(--accent-glow);color:#fff;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.footer-cta-btn:hover{background:var(--accent-dark);box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.footer-divider{background:var(--glass-border);height:1px;margin-bottom:2rem}.footer-bottom{flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-bottom,.footer-brand{align-items:center;display:flex}.footer-brand{gap:.5rem}.footer-logo-icon{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:800;height:28px;justify-content:center;width:28px}.footer-logo-text{font-size:1rem;font-weight:800}.footer-copyright{color:var(--text-muted);font-size:.8rem}.footer-links{display:flex;gap:.75rem}.footer-links a{align-items:center;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:36px}.footer-links a:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;transform:translateY(-2px)}@media (max-width:640px){.footer-bottom{flex-direction:column;text-align:center}}
/*# sourceMappingURL=main.27552304.css.map*/