@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap";
:root{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-glass:#ffffffb3;--border-glass:#00000014;--shadow-glass:0 8px 32px 0 #1f26870d;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-primary:#419c14;--accent-secondary:#2f7a0f;--accent-glow:#419c142e;--success:#10b981;--danger:#ef4444;--font-headings:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.175, .885, .32, 1.275);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg-primary:#08090d;--bg-secondary:#0f111a;--bg-tertiary:#171a26;--bg-glass:#08090db3;--border-glass:#ffffff0f;--shadow-glass:0 8px 32px 0 #0000005e;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#52b822;--accent-secondary:#419c14;--accent-glow:#52b82247;--success:#34d399;--danger:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}.skip-link{z-index:1000;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-glass);border-radius:8px;padding:10px 16px;font-weight:600;position:absolute;top:-80px;left:16px}.skip-link:focus{top:16px}html,body{background-color:var(--bg-primary);max-width:100vw;min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;outline:none}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass)}.glass-card{isolation:isolate;background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:16px;padding:24px;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);position:relative}.glass-card:hover{box-shadow:0 16px 48px var(--accent-glow), inset 0 1px 0 #ffffff0f;transform:translateY(-5px)}.glass-card>*{z-index:1;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);transition:var(--transition-smooth);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#spider-canvas{z-index:0;pointer-events:none;opacity:.7;width:100vw;height:100vh;position:fixed;top:0;left:0}.page-section{z-index:1;padding:100px 0 60px;position:relative}.nav-link{font-family:var(--font-headings);color:var(--text-secondary);padding:8px 16px;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--accent-primary)}.nav-link:after{content:"";background:var(--accent-primary);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:60%}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);font-family:var(--font-headings);cursor:pointer;box-shadow:0 4px 15px var(--accent-glow);transition:var(--transition-bounce);border:none;border-radius:9999px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;display:inline-flex;color:#fff!important}.btn-primary:hover{box-shadow:0 8px 25px var(--accent-glow);transform:scale(1.05)}.btn-secondary{color:var(--text-primary);font-family:var(--font-headings);border:1px solid var(--border-glass);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:9999px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-muted)}nextjs-portal,#nextjs-dev-overlay,#__next-build-watcher,#next-route-announcer{display:none!important}.fire-text{background:linear-gradient(90deg, var(--accent-primary) 0%, #f59e0b 18%, #ef4444 36%, #f97316 54%, #eab308 72%, var(--accent-secondary) 90%, var(--accent-primary) 100%);-webkit-text-fill-color:transparent;filter:brightness(1.1);background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite fire-shimmer}[data-theme=dark] .fire-text{background:linear-gradient(90deg,#52b822 0%,#86efac 20%,#fbbf24 40%,#f97316 60%,#419c14 80%,#52b822 100%) 0 0/200%;-webkit-text-fill-color:transparent;filter:brightness(1.15)drop-shadow(0 0 8px #fb923c40);-webkit-background-clip:text;background-clip:text;animation:3s linear infinite fire-shimmer}@keyframes fire-shimmer{0%{background-position:0%}to{background-position:200%}}.fire-text-wrapper{display:inline-block;position:relative}.fire-text-wrapper:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#fb923c14 0%,#0000 70%);border-radius:16px;animation:2.5s ease-in-out infinite alternate ember-pulse;position:absolute;inset:-8px -12px}[data-theme=dark] .fire-text-wrapper:before{background:radial-gradient(#fb923c1f 0%,#0000 70%)}@keyframes ember-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}.skills-carousel{flex-direction:column;gap:28px;width:100%;display:flex}.skills-carousel__tabs{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.skills-carousel__tab{border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);font-family:var(--font-headings);cursor:pointer;transition:var(--transition-smooth);border-radius:9999px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;display:inline-flex}.skills-carousel__tab:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent-primary) 35%, var(--border-glass))}.skills-carousel__tab.is-active{color:#fff;background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);box-shadow:0 6px 20px var(--accent-glow);border-color:#0000}.skills-carousel__tab-icon{opacity:.9;display:inline-flex}.skills-carousel__tab-count{text-align:center;background:#ffffff24;border-radius:9999px;min-width:1.5rem;padding:2px 7px;font-size:.7rem;font-weight:700}.skills-carousel__tab:not(.is-active) .skills-carousel__tab-count{background:var(--bg-tertiary);color:var(--text-muted)}.skills-carousel__stage{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.skills-carousel__viewport{touch-action:pan-y;cursor:grab;background:linear-gradient(#94a3b80a 0%,#0000 100%);border-radius:20px;padding:4px;overflow:hidden}.skills-carousel__viewport:active{cursor:grabbing}.skills-carousel__track{will-change:transform;gap:16px;width:max-content;padding:4px 2px 10px;display:flex}.skills-carousel__page{display:contents}.skill-card{box-sizing:border-box;border:1px solid var(--border-glass);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);min-height:168px;box-shadow:var(--shadow-glass), inset 0 1px 0 #ffffff12;-webkit-user-select:none;user-select:none;border-radius:16px;flex-direction:column;flex:none;gap:10px;padding:22px 20px 20px;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden}.skill-card:hover{box-shadow:0 14px 36px var(--accent-glow), inset 0 1px 0 #ffffff1a}.skill-card__glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);pointer-events:none;z-index:0;border-radius:50%;width:140px;height:140px;position:absolute;top:-50px;right:-40px}.skill-card__index{z-index:1;font-family:var(--font-headings);letter-spacing:.08em;color:var(--text-muted);font-size:.75rem;font-weight:800;position:relative}.skill-card__icon{z-index:1;width:40px;height:40px;color:var(--accent-primary);background:linear-gradient(145deg,#818cf824 0%,#ffffff0a 100%);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 1px #94a3b833}.skill-card__title{z-index:1;font-family:var(--font-headings);color:var(--text-primary);margin-top:auto;font-size:1.05rem;font-weight:700;line-height:1.35;position:relative}.skill-card__meta{z-index:1;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-primary);opacity:.9;font-size:.75rem;font-weight:600;position:relative}.skills-carousel__nav{border:1px solid var(--border-glass);background:var(--bg-glass);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.skills-carousel__nav:hover:not(:disabled){border-color:var(--accent-primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-primary) 25%, transparent), 0 8px 24px var(--accent-glow);color:var(--accent-primary);transform:scale(1.05)}.skills-carousel__nav:disabled{opacity:.35;cursor:not-allowed}.skills-carousel__footer{flex-direction:column;align-items:center;gap:10px;display:flex}.skills-carousel__dots{align-items:center;gap:8px;display:flex}.skills-carousel__dot{background:var(--bg-tertiary);cursor:pointer;width:8px;height:8px;transition:var(--transition-smooth);border:none;border-radius:9999px;padding:0}.skills-carousel__dot.is-active{background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));width:26px;box-shadow:0 0 12px var(--accent-glow)}.skills-carousel__hint{color:var(--text-muted);letter-spacing:.03em;font-size:.75rem}@media (max-width:640px){.skills-carousel__stage{grid-template-columns:1fr;gap:14px}.skills-carousel__nav{display:none}.skill-card{min-height:150px}}.section-reveal{animation:.7s cubic-bezier(.4,0,.2,1) both section-fade-in}@keyframes section-fade-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.quality-banner{box-sizing:border-box;letter-spacing:-.02em;word-spacing:.4em;text-align:center;text-transform:none;z-index:2;opacity:1;visibility:visible;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.45em;width:100%;max-width:100vw;padding:8px 30px;font-family:Ubuntu,sans-serif;font-size:clamp(1.65rem,6.5vw,4.25rem);font-weight:700;line-height:1.15;display:flex;position:relative}.quality-banner .quality-word,.quality-banner .quality-rest{word-spacing:.35em;gap:.45em;font-family:Ubuntu,sans-serif;display:inline-flex}.quality-banner:before{content:"";background:radial-gradient(ellipse at center, var(--accent-glow) 0%, transparent 68%);pointer-events:none;z-index:-1;width:min(92%,920px);height:120%;position:absolute;top:50%;left:50%;translate:-50% -50%}.quality-word{color:var(--accent-primary);background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.quality-rest{color:var(--text-primary)}.projects-grid{grid-template-columns:1fr;gap:28px;display:grid}@media (min-width:1100px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}}.project-card.glass-card{background:linear-gradient(180deg, #ffffff08, transparent 28%), var(--bg-glass);border-radius:24px;flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.project-card__media{isolation:isolate;aspect-ratio:16/10;background:radial-gradient(120% 90% at 10% 0%, #e2b6572e, transparent 50%), linear-gradient(160deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);border-bottom:1px solid var(--border-glass);width:100%;min-height:240px;position:relative;overflow:hidden}.project-card__image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);transform:scale(1.01)}.project-card__fallback{height:100%;color:var(--accent-primary);font-family:var(--font-headings);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.82rem;font-weight:600;display:flex}.project-card__media-shade{pointer-events:none;background:linear-gradient(#0000,#08090d8c);height:42%;position:absolute;inset:auto 0 0}.project-card__live{z-index:2;color:#34d399;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b98129;border:1px solid #34d39973;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;top:16px;left:16px}.project-card__live:before{content:"";background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #34d3992e}.project-card__quick-links{z-index:2;gap:10px;display:flex;position:absolute;bottom:16px;right:16px}.project-card__quick-links a{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08090d8c;border:1px solid #ffffff29;border-radius:14px;place-items:center;width:44px;height:44px;transition:transform .25s,background .25s;display:grid}.project-card__quick-links a.is-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-color:#0000}.project-card__quick-links a:hover{transform:translateY(-3px)scale(1.05)}.project-card__body{flex-direction:column;flex:1;gap:16px;padding:28px 28px 26px;display:flex}.project-card__heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.project-card__heading h3{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(1.35rem,2vw,1.7rem);font-weight:800}.project-card__visit{color:var(--accent-primary);background:var(--accent-glow);border:1px solid color-mix(in srgb, var(--accent-primary) 35%, transparent);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.project-card__visit:hover{background:color-mix(in srgb, var(--accent-primary) 18%, transparent);transform:translateY(-1px)}.project-card__body p{color:var(--text-secondary);white-space:pre-line;flex:1;font-size:1.02rem;line-height:1.7}.project-card__tags{flex-wrap:wrap;gap:8px;display:flex}.project-card__tags span{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-glass);border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:600}.project-card:hover .project-card__image{transform:scale(1.06)}@media (max-width:1099px){.project-card__media{min-height:220px}.project-card__body{padding:22px 20px}}@media (hover:hover){.project-card.glass-card:hover{box-shadow:0 22px 56px var(--accent-glow), inset 0 1px 0 #ffffff14;transform:translateY(-8px)}}@media (max-width:768px){.quality-banner{padding:6px 14px;font-size:clamp(1.35rem,8.5vw,2.4rem)}}@media (max-width:480px){.container{padding:0 16px}.page-section{padding:64px 0 40px}.quality-banner{padding:4px 14px}}@media (prefers-reduced-motion:reduce){.glass-card:hover{transform:none}}