*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background-color:var(--bg-deep);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}:root{--bg-deep: #0A0A0F;--bg-card: #12121A;--bg-card-hover: #1A1A25;--bg-elevated: #1E1E2A;--accent: #4ECDC4;--accent-rgb: 78, 205, 196;--accent-muted: rgba(78, 205, 196, .12);--accent-glow: rgba(78, 205, 196, .25);--cat-development: #4ECDC4;--cat-infrastructure: #6C9BF2;--cat-marketing: #F27E8D;--cat-data: #F2C94C;--text-primary: #F0F0F5;--text-secondary: #8888A0;--text-muted: #55556A;--border-subtle: rgba(255, 255, 255, .06);--border-accent: rgba(78, 205, 196, .3);--shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--shadow-elevated: 0 20px 60px rgba(0, 0, 0, .4);--gradient-accent: linear-gradient(135deg, #4ECDC4, #44B8B0);--gradient-hero: linear-gradient(180deg, rgba(78, 205, 196, .05) 0%, transparent 60%);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.32, .72, 0, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .8s;--section-padding-mobile: 4rem 1.25rem;--section-padding-tablet: 5rem 2rem;--section-padding-desktop: 7rem 3rem;--max-width: 1200px;--nav-height: 60px}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.15}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.section-subtitle{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-weight:600;margin-bottom:1rem}.section-header{margin-bottom:3rem}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--section-padding-mobile)}@media(min-width:768px){.container{padding:var(--section-padding-tablet)}}@media(min-width:1024px){.container{padding:var(--section-padding-desktop)}}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:1.25rem;padding:1.5rem;transition:all var(--duration-normal) var(--ease-smooth)}.glass-card:hover{background:var(--bg-card-hover);border-color:#ffffff1a;box-shadow:var(--shadow-card)}.glass-elevated{background:#12121acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);box-shadow:inset 0 1px #ffffff0d}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;background:var(--accent-muted);color:var(--accent);border:1px solid rgba(78,205,196,.15)}.tech-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:.5rem;font-size:.7rem;font-weight:500;font-family:JetBrains Mono,monospace;background:#ffffff0a;color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all var(--duration-fast) var(--ease-out-expo);white-space:nowrap}.tech-badge:hover{background:var(--accent-muted);color:var(--accent);border-color:var(--border-accent)}.platform-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:.5rem;font-size:.7rem;font-weight:500;font-family:JetBrains Mono,monospace;background:#6c9bf214;color:#6c9bf2;border:1px solid rgba(108,155,242,.15);transition:all var(--duration-fast) var(--ease-out-expo);white-space:nowrap}.category-development{--cat-color: var(--cat-development)}.category-infrastructure{--cat-color: var(--cat-infrastructure)}.category-marketing{--cat-color: var(--cat-marketing)}.category-data{--cat-color: var(--cat-data)}.category-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cat-color);box-shadow:0 0 6px var(--cat-color)}.category-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--cat-color)}.btn-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:100px;font-size:.875rem;font-weight:600;transition:all var(--duration-normal) var(--ease-smooth);position:relative;overflow:hidden}.btn-pill-primary{background:var(--gradient-accent);color:#0a0a0f}.btn-pill-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4ecdc44d}.btn-pill-primary:active{transform:translateY(0) scale(.98)}.btn-pill-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-pill-secondary:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.btn-pill-secondary:active{transform:translateY(0) scale(.98)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:#00000026;transition:transform var(--duration-fast) var(--ease-out-expo)}.btn-pill:hover .btn-icon{transform:translate(2px,-1px) scale(1.05)}.reveal{opacity:0;transform:translateY(2rem);filter:blur(4px);transition:opacity var(--duration-slow) var(--ease-smooth),transform var(--duration-slow) var(--ease-smooth),filter var(--duration-slow) var(--ease-smooth)}.reveal.revealed{opacity:1;transform:translateY(0);filter:blur(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.stagger-7{transition-delay:.7s}.stagger-8{transition-delay:.8s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #4ecdc426}50%{box-shadow:0 0 40px #4ecdc440}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes border-glow{0%,to{opacity:.3}50%{opacity:.8}}.skill-bar-track{width:100%;height:3px;background:#ffffff0f;border-radius:4px;overflow:hidden}.skill-bar-fill{height:100%;border-radius:4px;background:var(--gradient-accent);transform-origin:left;transform:scaleX(0);transition:transform 1s var(--ease-out-expo)}.revealed .skill-bar-fill{transform:scaleX(var(--fill))}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;filter:none}}::selection{background:#4ecdc440;color:var(--text-primary)}