:root{--bg:#0A0F0D;--bg-surface:#111A16;--primary:#10B981;--cta:#F59E0B;--text:#D1D5DB;--text-muted:#9CA3AF;--border:#065F46;--glow:rgba(16,185,129,0.4);--glow-cta:rgba(245,158,11,0.4);--font-heading:'Space Grotesk',sans-serif;--font-body:'Archivo',sans-serif;--font-mono:'JetBrains Mono',monospace;--radius:8px;--radius-lg:12px;--transition:0.3s ease;--max-width:1200px}[data-theme="light"]{--bg:#F8FAFC;--bg-surface:#F1F5F9;--primary:#059669;--cta:#D97706;--text:#0F172A;--text-muted:#475569;--border:#E2E8F0;--glow:rgba(5,150,105,0.12);--glow-cta:rgba(217,119,6,0.12)}[data-theme="light"] .nav.nav-scrolled{background:rgba(248,250,252,0.95)}[data-theme="light"] .aura-blob:nth-child(1){background:radial-gradient(ellipse,rgba(5,150,105,0.12) 0%,transparent 70%)}[data-theme="light"] .aura-blob:nth-child(2){background:radial-gradient(ellipse,rgba(217,119,6,0.08) 0%,transparent 70%)}[data-theme="light"] .aura-blob:nth-child(3){background:radial-gradient(ellipse,rgba(5,150,105,0.08) 0%,transparent 70%)}[data-theme="light"] .todo-card{background:rgba(15,23,42,0.04);border-color:rgba(15,23,42,0.08);color:rgba(15,23,42,0.3)}[data-theme="light"] .todo-done{color:rgba(5,150,105,0.5)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg)}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit}ul{list-style:none}button{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.skip-link{position:absolute;top:-40px;left:1rem;background:var(--primary);color:white;padding:0.5rem 1rem;border-radius:var(--radius);z-index:9999;font-family:var(--font-body);text-decoration:none;transition:top 0.2s}.skip-link:focus{top:1rem}*:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:2px}*:focus:not(:focus-visible){outline:none}h1{font-family:var(--font-heading);font-weight:700;font-size:clamp(2.5rem,8vw,5rem);line-height:1.1;letter-spacing:-0.02em}h2{font-family:var(--font-heading);font-weight:600;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}h3{font-family:var(--font-heading);font-weight:600;font-size:1.2rem;line-height:1.3;margin-bottom:0.5rem}p{color:var(--text-muted);line-height:1.75}p em{color:var(--primary);font-style:normal}.mono{font-family:var(--font-mono)}.container{max-width:var(--max-width);margin:0 auto;padding:0 5%}.section-pad{padding:6rem 0}.section-heading{text-align:center;margin-bottom:0.5rem}.section-subheading{text-align:center;color:var(--text-muted);font-size:1.1rem;margin-bottom:3rem}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 5%;background:transparent;transition:background 0.4s ease,backdrop-filter 0.4s ease,border-bottom 0.4s ease,box-shadow 0.4s ease,padding 0.4s ease}.nav.nav-scrolled{background:rgba(10,15,13,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(16,185,129,0.12);box-shadow:0 2px 20px rgba(0,0,0,0.3);padding-top:0.65rem;padding-bottom:0.65rem}.nav-logo{font-family:var(--font-heading);font-weight:700;font-size:1.75rem;color:var(--primary);text-decoration:none;transition:color var(--transition),text-shadow var(--transition)}.nav-logo:hover{color:var(--cta);text-shadow:0 0 20px var(--glow-cta)}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{font-family:var(--font-body);font-weight:500;font-size:0.95rem;text-decoration:none;color:var(--text-muted);transition:color var(--transition);position:relative;padding-bottom:2px}.nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);transition:width var(--transition)}.nav-link:hover{color:var(--text)}.nav-link:hover::after{width:100%}.theme-toggle{background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:color var(--transition),border-color var(--transition),background var(--transition);flex-shrink:0}.theme-toggle:hover{color:var(--primary);border-color:var(--primary);background:rgba(16,185,129,0.08)}[data-theme="dark"]  .icon-moon,[data-theme="light"] .icon-sun{display:none}[data-theme="dark"]  .icon-sun,[data-theme="light"] .icon-moon{display:block}.hamburger{display:none;background:none;border:none;cursor:pointer;color:var(--text);padding:0.5rem;border-radius:var(--radius);transition:color var(--transition);align-items:center;justify-content:center;min-width:44px;min-height:44px}.hamburger:hover{color:var(--primary)}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:998}.nav-overlay.open{display:block}.mobile-nav{position:fixed;top:0;right:-100%;width:75%;max-width:320px;height:100%;background:var(--bg-surface);border-left:1px solid var(--border);z-index:999;transition:right 0.3s ease;padding:2rem 1.5rem;display:flex;flex-direction:column}.mobile-nav.open{right:0}.mobile-nav-close{background:none;border:none;cursor:pointer;color:var(--text-muted);align-self:flex-end;padding:0.5rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:color var(--transition);margin-bottom:2rem}.mobile-nav-close:hover{color:var(--cta)}.mobile-nav-links{display:flex;flex-direction:column;gap:0.5rem}.mobile-nav-link{font-family:var(--font-heading);font-weight:600;font-size:1.5rem;text-decoration:none;color:var(--text);padding:0.75rem 0.5rem;border-radius:var(--radius);transition:color var(--transition),background var(--transition)}.mobile-nav-link:hover{color:var(--primary);background:rgba(16,185,129,0.1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.8rem 2rem;border-radius:var(--radius);font-family:var(--font-body);font-weight:600;font-size:1rem;cursor:pointer;text-decoration:none;border:2px solid transparent;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--cta);color:white;border-color:var(--cta)}.btn-primary:hover{background:transparent;color:var(--cta);box-shadow:0 0 25px var(--glow-cta);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background:var(--primary);color:white;box-shadow:0 0 20px var(--glow);transform:translateY(-2px)}.btn-group{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:2.5rem}.tools-strip{overflow:hidden;padding:1.25rem 0;border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.02);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.tools-track{display:flex;align-items:center;width:max-content;animation:marquee-scroll 30s linear infinite}.tools-track:hover{animation-play-state:paused}.tool-item{display:flex;align-items:center;gap:0.55rem;white-space:nowrap;padding:0 1.5rem;font-family:var(--font-mono);font-size:0.85rem;color:var(--text-muted);letter-spacing:0.04em;transition:color 0.2s}.tool-item:hover{color:var(--text)}.tool-icon{width:20px;height:20px;flex-shrink:0;display:block}[data-theme="light"] img.tool-icon{filter:brightness(0)}.tool-sep{color:rgba(255,255,255,0.1);font-size:1rem;user-select:none}@keyframes marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.powered-strip{padding:2.5rem 0;border-top:1px solid rgba(16,185,129,0.1);border-bottom:1px solid rgba(16,185,129,0.1);background:rgba(16,185,129,0.02);overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.powered-strip__label{text-align:center;font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.5rem}.powered-strip__track{display:flex;align-items:center;gap:3rem;width:max-content;animation:marquee-scroll 25s linear infinite}.powered-strip__track:hover{animation-play-state:paused}.powered-strip__track img{width:28px;height:28px;opacity:0.65;transition:opacity 0.3s,transform 0.3s;flex-shrink:0}.powered-strip__track img:hover{opacity:1;transform:scale(1.15)}[data-theme="light"] .powered-strip__track img{filter:brightness(0);opacity:0.4}[data-theme="light"] .powered-strip__track img:hover{filter:none;opacity:1}#particle-mesh{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;transition:opacity 0.3s ease}.aura{z-index:1}.hero-content{position:relative;z-index:2}#hero{position:relative;height:100dvh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow-x:clip;overflow-y:hidden;text-align:left}.aura{position:absolute;inset:0;pointer-events:none;overflow:hidden}.aura-blob{position:absolute;border-radius:50%;animation:aura-breathe 9s ease-in-out infinite}.aura-blob--primary{width:640px;height:520px;background:radial-gradient(ellipse,rgba(16,185,129,0.28) 0%,transparent 70%);filter:blur(90px);top:5%;left:-8%;animation-duration:9s}.aura-blob--rose{width:440px;height:360px;background:radial-gradient(ellipse,rgba(245,158,11,0.18) 0%,transparent 70%);filter:blur(80px);top:-15%;right:8%;animation-duration:11s;animation-delay:-4s}.aura-blob--deep{width:720px;height:420px;background:radial-gradient(ellipse,rgba(6,95,70,0.14) 0%,transparent 70%);filter:blur(110px);bottom:-15%;left:15%;animation-duration:13s;animation-delay:-7s}@keyframes aura-breathe{0%,100%{transform:scale(1) translateY(0);opacity:1}50%{transform:scale(1.12) translateY(-18px);opacity:0.72}}.hero-content{position:relative;z-index:1;padding:0 5%;width:100%;max-width:var(--max-width)}.hero-grid{display:grid;grid-template-columns:1fr 380px;align-items:center;gap:4rem}.hero-text{display:flex;flex-direction:column;align-items:flex-start}.hero-photo{display:flex;justify-content:center;align-items:center}.todo-card{position:absolute;background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:12px 16px;font-family:var(--font-mono);font-size:0.7rem;color:rgba(255,255,255,0.25);white-space:nowrap;line-height:2.1;backdrop-filter:blur(3px);pointer-events:none;z-index:2}.todo-card--1{top:3%;left:-118px;transform:rotate(-2.5deg)}.todo-card--2{top:36%;left:-113px;transform:rotate(-1deg)}.todo-card--3{top:69%;left:-116px;transform:rotate(2deg)}.todo-card--r1{top:3%;right:-140px;transform:rotate(2.5deg)}.todo-card--r2{top:36%;right:-135px;transform:rotate(1deg)}.todo-card--r3{top:69%;right:-138px;transform:rotate(-2deg)}.todo-done{color:rgba(16,185,129,0.5)}.hero-photo-frame{position:relative;width:420px;height:600px;display:flex;align-items:center;justify-content:center}.hero-photo-frame::before{content:'';position:absolute;width:480px;height:580px;border-radius:50%;background:radial-gradient(ellipse,rgba(16,185,129,0.5) 0%,transparent 65%);filter:blur(70px);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;animation:aura-breathe 9s ease-in-out infinite}.hero-photo-frame::after{content:'';position:absolute;width:260px;height:300px;border-radius:50%;background:radial-gradient(ellipse,rgba(245,158,11,0.32) 0%,transparent 65%);filter:blur(60px);top:5%;right:-20%;z-index:0;animation:aura-breathe 11s ease-in-out infinite;animation-delay:-5s}.hero-avatar{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;position:relative;z-index:1;filter:drop-shadow(0 0 50px rgba(16,185,129,0.55))}.hero-eyebrow{font-family:var(--font-mono);font-size:0.78rem;color:var(--primary);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:1rem;max-width:480px;line-height:1.6;overflow-wrap:break-word}.glitch-text{position:relative;background:linear-gradient(135deg,var(--primary),var(--cta));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.role-text{display:block;font-family:var(--font-mono);font-size:clamp(1rem,3vw,1.4rem);color:var(--primary);min-height:2em;margin-bottom:1rem}.hero-tagline{font-size:clamp(1rem,2.5vw,1.15rem);color:var(--text-muted);max-width:520px;margin:0;line-height:1.6}.hero-stats{display:flex;align-items:center;gap:1.5rem;margin:1.5rem 0 2rem}.hero-stat{display:flex;flex-direction:column;gap:0.2rem}.hero-stat-number{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--primary);line-height:1;background:linear-gradient(135deg,var(--primary),var(--cta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:0.72rem;color:var(--text-muted);line-height:1.4;text-transform:uppercase;letter-spacing:0.04em}.hero-stat-divider{width:1px;height:36px;background:var(--border);opacity:0.6;flex-shrink:0}#skills{background:var(--bg)}.skills-carousel-wrapper{position:relative;display:flex;align-items:center;gap:1rem;margin-top:3rem}.skills-track{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;overflow:hidden}.skill-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem 1.5rem;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);display:flex;flex-direction:column;gap:1rem}.skill-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 32px var(--glow)}.skill-icon{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,rgba(16,185,129,0.15),rgba(245,158,11,0.1));border:1px solid rgba(16,185,129,0.25);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.skill-card-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--text);margin:0}.skill-card-desc{font-size:0.9rem;color:var(--text-muted);line-height:1.65;margin:0}.skills-arrow{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);border-radius:50%;width:42px;height:42px;display:none;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:color var(--transition),border-color var(--transition);z-index:2}.skills-arrow:hover{color:var(--primary);border-color:var(--primary)}.skill-card--vibe{border-color:rgba(167,139,250,0.3)}.skill-card--vibe:hover{border-color:#A78BFA;box-shadow:0 8px 32px rgba(167,139,250,0.25)}.skill-icon--vibe{background:linear-gradient(135deg,rgba(167,139,250,0.15),rgba(244,114,182,0.1));border-color:rgba(167,139,250,0.3)}.skills-dots{display:none;justify-content:center;gap:0.5rem;margin-top:1.5rem}@media (max-width:768px){.skills-dots{display:flex}}.skills-dot{width:8px;height:8px;border-radius:50%;background:var(--border);cursor:pointer;transition:background var(--transition),transform var(--transition);border:none}.skills-dot.active{background:var(--primary);transform:scale(1.3)}#about{background:var(--bg)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h2{margin-bottom:1rem}.skill-badges{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:1.75rem}.skill-badge{background:rgba(16,185,129,0.1);border:1px solid var(--border);color:var(--primary);padding:0.35rem 1rem;border-radius:20px;font-size:0.85rem;font-family:var(--font-mono);cursor:default;transition:all var(--transition)}.skill-badge:hover{background:var(--primary);color:white;box-shadow:0 0 15px var(--glow);border-color:var(--primary)}.about-visual{position:relative;display:flex;justify-content:center;align-items:center}.about-visual::before{content:'';position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(ellipse,rgba(16,185,129,0.35) 0%,transparent 65%);filter:blur(60px);animation:aura-breathe 9s ease-in-out infinite;pointer-events:none;z-index:0}.about-visual::after{content:'';position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(ellipse,rgba(245,158,11,0.2) 0%,transparent 65%);filter:blur(50px);top:10%;right:10%;animation:aura-breathe 11s ease-in-out infinite;animation-delay:-5s;pointer-events:none;z-index:0}.avatar-photo{width:100%;max-width:360px;height:auto;display:block;margin:0 auto;position:relative;z-index:1;filter:drop-shadow(0 0 40px rgba(16,185,129,0.55));animation:photo-float 6s ease-in-out infinite}@keyframes photo-float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-14px)}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.projects-featured{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.project-card--hero{min-height:0}.hero-card__inner{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.hero-card__visual{position:relative;overflow:hidden;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:220px;background:linear-gradient(135deg,rgba(16,185,129,0.08) 0%,rgba(245,158,11,0.04) 100%);border-bottom:1px solid var(--border)}.hero-card__icon{display:flex;align-items:center;gap:0.75rem;z-index:1}.hero-card__plus{font-size:1.2rem;color:var(--text-muted);font-weight:300}.hero-card__metrics{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;z-index:1}.hero-metric{font-family:var(--font-mono);font-size:0.78rem;color:var(--text-muted);letter-spacing:0.02em;padding:0.35rem 0.8rem;background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.15);border-radius:4px}.hero-metric strong{color:var(--primary)}.card-label-inline{font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);margin-left:0.5rem}.projects-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.project-card--compact{display:flex;overflow:hidden}.project-card--compact .card-body{padding:1.25rem 1.25rem 1.25rem 1.5rem}.project-card--compact .card-body h3{font-size:1rem;margin:0}.project-card--compact .card-body p{font-size:0.82rem;margin-top:0.5rem;line-height:1.5}.compact-card__accent{width:3px;flex-shrink:0;background:linear-gradient(180deg,var(--primary) 0%,var(--cta) 100%);border-radius:3px 0 0 3px;position:relative;z-index:1}.compact-card__header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.25rem}.compact-card__header .status-badge{margin-bottom:0;font-size:0.6rem;padding:0.15rem 0.4rem}.project-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);cursor:pointer}.project-card::before{content:'';position:absolute;inset:-1px;border-radius:var(--radius-lg);background:conic-gradient( from var(--beam-angle,0deg),transparent 0deg,var(--primary) 60deg,var(--cta) 120deg,transparent 180deg,transparent 360deg );opacity:0;transition:opacity 0.4s ease;z-index:0;animation:spin 4s linear infinite;animation-play-state:paused}.project-card::after{content:'';position:absolute;inset:1px;border-radius:calc(var(--radius-lg) - 1px);background:var(--bg-surface);z-index:0;pointer-events:none}.project-card:hover::before{opacity:0.7;animation-play-state:running}.project-card > *{position:relative;z-index:1}.project-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:0 0 30px var(--glow)}.card-image{height:180px;position:relative;overflow:hidden;background:var(--bg-surface)}.card-image--browser{background:#1a1a2e;display:flex;flex-direction:column}.browser-chrome{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.06);flex-shrink:0}.browser-dots{display:flex;gap:5px}.browser-dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.15)}.browser-url{flex:1;margin-left:8px;padding:3px 10px;border-radius:4px;background:rgba(255,255,255,0.06);font-family:var(--font-mono);font-size:0.6rem;color:rgba(255,255,255,0.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-screenshot{flex:1;position:relative;overflow:hidden}.card-screenshot iframe{width:333%;height:333%;transform:scale(0.3);transform-origin:top left;border:none;pointer-events:none}.project-card:hover .card-screenshot iframe{pointer-events:auto}.card-screenshot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 0.5s ease}.project-card:hover .card-screenshot img{transform:scale(1.05)}.card-screenshot::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,var(--bg-surface));pointer-events:none}.card-screenshot::before{content:'';position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,0.04) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:16px 16px,24px 24px;background-position:0 0,8px 8px;pointer-events:none;z-index:1}.card-image--glow{background:var(--bg-surface);overflow:hidden}.aurora-blob{position:absolute;width:120px;height:120px;border-radius:50%;filter:blur(40px);opacity:0.3;pointer-events:none;z-index:0}.aurora-blob--1{background:var(--primary);top:-20px;left:-20px;animation:aurora-drift-1 15s ease-in-out infinite alternate}.aurora-blob--2{background:var(--cta);bottom:-20px;right:-20px;animation:aurora-drift-2 20s ease-in-out infinite alternate}.aurora-blob--3{background:var(--primary);top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.15;animation:aurora-drift-3 25s ease-in-out infinite alternate}.card-image--glow .card-glow-spot{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--glow) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:0}.card-image--glow:hover .card-glow-spot{opacity:1}.card-image--glow::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0deg,transparent,transparent 2px,rgba(255,255,255,0.02) 2px,rgba(255,255,255,0.02) 4px );pointer-events:none;z-index:1}.card-label{position:absolute;bottom:0.85rem;left:1rem;font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.08em;color:rgba(255,255,255,0.5);background:rgba(0,0,0,0.5);padding:0.25rem 0.6rem;border-radius:4px;border:1px solid rgba(255,255,255,0.1);pointer-events:none;z-index:2}.card-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.card-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:88px;height:88px}.card-icon-wrap::before{content:'';position:absolute;inset:0;border-radius:50%;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08)}.card-icon-wrap::after{content:'';position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.06) 0%,transparent 70%)}.card-icon svg{width:40px;height:40px;position:relative;z-index:1;filter:drop-shadow(0 0 12px currentColor)}.status-badge{display:inline-flex;align-items:center;gap:0.3rem;font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.06em;font-weight:600;padding:0.2rem 0.6rem;border-radius:4px;margin-bottom:0.6rem}.status-live{color:#4ade80;background:rgba(74,222,128,0.1);border:1px solid rgba(74,222,128,0.25)}.status-soon{color:rgba(255,255,255,0.35);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1)}.card-body{padding:1.5rem}.card-body p{font-size:0.9rem;margin-bottom:0;line-height:1.6}.tags{display:flex;gap:0.4rem;flex-wrap:wrap;margin:0.85rem 0}.tag{background:rgba(16,185,129,0.15);color:var(--primary);padding:0.2rem 0.65rem;border-radius:4px;font-size:0.75rem;font-family:var(--font-mono);letter-spacing:0.02em}.card-link{display:inline-flex;align-items:center;gap:0.25rem;color:var(--cta);text-decoration:none;font-weight:600;font-size:0.9rem;transition:gap var(--transition)}.card-link:hover{gap:0.5rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity var(--transition)}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:680px;width:100%;max-height:85vh;overflow-y:auto;padding:2rem;transform:translateY(20px);transition:transform var(--transition);position:relative}.modal-overlay.open .modal{transform:translateY(0)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.modal-header h3{font-family:var(--font-heading);font-size:1.3rem;color:var(--text);margin:0}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0.25rem;line-height:1;flex-shrink:0;transition:color var(--transition)}.modal-close:hover{color:var(--text)}.modal-subtitle{font-size:0.85rem;color:var(--text-muted);margin-bottom:1.75rem;line-height:1.6}.workflow-list{display:flex;flex-direction:column;gap:0.85rem}.workflow-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:rgba(16,185,129,0.06);border:1px solid rgba(16,185,129,0.15);border-radius:var(--radius)}.workflow-num{font-family:var(--font-mono);font-size:0.7rem;color:var(--primary);background:rgba(16,185,129,0.15);padding:0.2rem 0.5rem;border-radius:4px;flex-shrink:0;margin-top:0.15rem}.workflow-info h4{font-size:0.9rem;font-weight:600;color:var(--text);margin:0 0 0.3rem}.workflow-info p{font-size:0.8rem;color:var(--text-muted);margin:0;line-height:1.5}.wf-slideshow{display:flex;flex-direction:column;gap:1rem}.wf-slides{position:relative}.wf-slide{display:none}.wf-slide.active{display:block}.wf-img{width:100%;border-radius:var(--radius);border:1px solid var(--border);background:rgba(255,255,255,0.03);min-height:200px;object-fit:contain;filter:invert(1) hue-rotate(180deg) brightness(0.85)}.wf-caption{display:flex;align-items:center;gap:0.6rem;margin-top:0.75rem;font-size:0.85rem;color:var(--text);font-weight:600}.wf-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.wf-btn{background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.3);color:var(--primary);border-radius:var(--radius);padding:0.4rem 0.6rem;cursor:pointer;display:flex;align-items:center;transition:background var(--transition)}.wf-btn:hover{background:rgba(16,185,129,0.3)}.wf-dots{display:flex;gap:0.4rem;align-items:center}.wf-dot{width:7px;height:7px;border-radius:50%;background:var(--border);cursor:pointer;transition:background var(--transition),transform var(--transition)}.wf-dot.active{background:var(--primary);transform:scale(1.3)}#contact{background:var(--bg-surface);position:relative;overflow:hidden}#contact::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,0.08) 0%,transparent 70%);pointer-events:none;z-index:0}#contact .container{position:relative;z-index:1}.contact-grid{max-width:640px;margin:0 auto}.contact-form{width:100%}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.4rem;color:var(--text);font-weight:500;font-size:0.95rem}.form-input,.form-textarea{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:0.8rem 1rem;border-radius:var(--radius);font-family:var(--font-body);font-size:1rem;transition:border-color var(--transition),box-shadow var(--transition);outline:none;-webkit-appearance:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted);opacity:0.6}.form-input:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 12px var(--glow)}.form-textarea{resize:vertical;min-height:140px;font-family:var(--font-body)}.cf-turnstile{display:flex;justify-content:center;margin-bottom:1rem}.form-error{color:#ef4444;font-size:0.875rem;margin:0.5rem 0;min-height:1.25rem}.btn--success{background:var(--primary) !important;border-color:var(--primary) !important}.social-dock{position:relative;display:inline-flex;align-items:center;gap:2px;padding:6px;border-radius:16px;background:#0a0a0a;border:1px solid rgba(255,255,255,0.08);margin:2.5rem auto 0;left:50%;transform:translateX(-50%)}.social-dock__gradient{position:absolute;inset:0;border-radius:16px;background:linear-gradient(to bottom,rgba(255,255,255,0.03),transparent);pointer-events:none}.social-dock__item{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;text-decoration:none;color:inherit}.social-dock__bg{position:absolute;inset:4px;border-radius:8px;background:rgba(255,255,255,0.08);opacity:0;transform:scale(0.9);transition:opacity 0.25s ease,transform 0.25s ease;pointer-events:none}.social-dock__item:hover .social-dock__bg{opacity:1;transform:scale(1)}.social-dock__icon{position:relative;z-index:1;color:#737373;transition:color 0.25s ease,transform 0.25s ease;display:flex}.social-dock__item:hover .social-dock__icon{color:#ffffff;transform:scale(1.1)}.social-dock__bar{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);height:2px;border-radius:9999px;background:#ffffff;width:0;opacity:0;transition:width 0.25s ease,opacity 0.25s ease}.social-dock__item:hover .social-dock__bar{width:12px;opacity:1}.social-dock__tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px);padding:4px 10px;border-radius:8px;background:#ffffff;color:#0a0a0a;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.25s ease,transform 0.25s ease;font-family:var(--font-body);z-index:10}.social-dock__item:hover .social-dock__tooltip{opacity:1;transform:translateX(-50%) translateY(0)}.social-dock__arrow{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%) rotate(45deg);width:8px;height:8px;background:#ffffff}.footer{background:var(--bg);border-top:1px solid var(--border);padding:1.75rem 5%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer__main{display:flex;flex-direction:column;gap:0.25rem}.footer__tagline{font-size:0.9rem;color:var(--text-muted);font-style:italic}.footer__copy{font-size:0.78rem;color:var(--text-muted);opacity:0.6}.back-to-top{color:var(--primary);text-decoration:none;font-size:0.9rem;font-weight:500;transition:color var(--transition)}.back-to-top:hover{color:var(--cta)}@media (max-width:1024px){.about-grid{gap:2.5rem}}@media (max-width:1024px){.skills-track{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.skills-carousel-wrapper{gap:0.5rem;overflow:visible}.skills-track{display:flex;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;padding:0.5rem 0;scrollbar-width:none}.skills-track::-webkit-scrollbar{display:none}.skill-card{min-width:0;width:calc(100vw - 4rem);max-width:340px;scroll-snap-align:center;flex-shrink:0}.skills-arrow{display:none}.hero-stats{justify-content:center}#hero{height:auto;min-height:0;padding:5rem 0 2rem;overflow-y:visible}.hero-grid{grid-template-columns:1fr;grid-template-rows:auto auto;gap:1.5rem;text-align:center}.hero-text{align-items:center;order:2}.hero-photo{order:1}.hero-photo-frame{width:200px;height:280px}.hero-photo-frame::before{width:240px;height:260px}.todo-card{display:none}.hero-eyebrow{font-size:0.7rem}.glitch-text{font-size:2.5rem}.hero-subtitle{font-size:0.85rem}.hero-stats{gap:0.75rem;flex-wrap:wrap}.hero-stat-number{font-size:1.4rem}.hero-stat-label{font-size:0.62rem}.hero-stat-divider{height:28px}.nav-links{display:none}.theme-toggle{margin-left:auto}.hamburger{display:flex}.about-grid{grid-template-columns:1fr}.about-visual{order:-1;display:flex;justify-content:center}.about-visual::before{width:200px;height:200px}.avatar-photo{max-width:220px;margin:0 auto}.projects-grid{grid-template-columns:1fr}.projects-featured{grid-template-columns:1fr}.projects-compact{grid-template-columns:1fr 1fr}.powered-strip__track{gap:2rem}.section-pad{padding:3rem 0}.footer{flex-direction:column;text-align:center}.btn-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}}@media (max-width:480px){.hero-content{padding:0 1.25rem}.container{padding:0 1.25rem}.nav{padding:1rem 1.25rem}.footer{padding:1.5rem 1.25rem}.projects-compact{grid-template-columns:1fr}.hero-card__metrics{gap:0.75rem}.hero-photo-frame{width:180px;height:250px}.glitch-text{font-size:2rem}.hero-description{font-size:0.88rem}.hero-card__visual{padding:1.5rem 1rem;min-height:160px}.about-visual::before{width:160px;height:160px}.about-visual::after{width:100px;height:100px}.avatar-photo{max-width:180px}.contact-form .btn{width:100%;max-width:none}}@keyframes spin{from{--beam-angle:0deg}to{--beam-angle:360deg}}@keyframes aurora-drift-1{0%{transform:translate(0px,0px)}25%{transform:translate(30px,20px)}50%{transform:translate(50px,-10px)}75%{transform:translate(20px,30px)}100%{transform:translate(0px,0px)}}@keyframes aurora-drift-2{0%{transform:translate(0px,0px)}25%{transform:translate(-25px,-15px)}50%{transform:translate(-40px,20px)}75%{transform:translate(-10px,-30px)}100%{transform:translate(0px,0px)}}@keyframes aurora-drift-3{0%{transform:translate(-50%,-50%)}33%{transform:translate(calc(-50% + 20px),calc(-50% + 15px))}66%{transform:translate(calc(-50% - 15px),calc(-50% + 25px))}100%{transform:translate(-50%,-50%)}}@property --beam-angle{syntax:'<angle>';inherits:false;initial-value:0deg}@media (prefers-reduced-motion:reduce){.project-card::before{animation:none}.aurora-blob{animation:none}}