@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--font-sans:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--font-serif:"Fraunces",Georgia,serif;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-900:#1e3a8a;--violet-50:#f5f3ff;--violet-100:#ede9fe;--violet-500:#8b5cf6;--violet-600:#7c3aed;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-500:#10b981;--emerald-600:#059669;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-500:#f59e0b;--rose-50:#fff1f2;--rose-500:#f43f5e;--cyan-50:#ecfeff;--cyan-100:#cffafe;--cyan-500:#06b6d4;--bg:var(--white);--bg-subtle:var(--gray-50);--bg-muted:var(--gray-100);--surface:var(--white);--surface-raised:var(--white);--border:var(--gray-200);--border-strong:var(--gray-300);--fg:var(--gray-900);--fg-secondary:var(--gray-600);--fg-tertiary:var(--gray-400);--fg-inverse:var(--white);--accent:var(--blue-600);--accent-hover:var(--blue-700);--accent-subtle:var(--blue-50);--accent-muted:var(--blue-100);--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000012,0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000017,0 10px 10px -5px #00000008;--shadow-2xl:0 25px 50px -12px #0000002e;--shadow-blue:0 4px 24px #2563eb2e,0 1px 4px #2563eb1f;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-2xl:28px;--r-full:9999px;--section-y:120px}.dark{--bg:#080c14;--bg-subtle:#0d1120;--bg-muted:#131929;--surface:#111827;--surface-raised:#1a2236;--border:#ffffff12;--border-strong:#ffffff1f;--fg:#f1f5f9;--fg-secondary:#94a3b8;--fg-tertiary:#475569;--fg-inverse:#0d1120;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-subtle:#3b82f614;--accent-muted:#3b82f624;--blue-50:#3b82f60f;--blue-100:#3b82f61f;--violet-50:#8b5cf60f;--violet-100:#8b5cf61f;--emerald-50:#10b9810f;--emerald-100:#10b9811f;--amber-50:#f59e0b0f;--amber-100:#f59e0b1f;--rose-50:#f43f5e0f;--cyan-50:#06b6d40f;--cyan-100:#06b6d41f;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 10px 30px #00000080;--shadow-xl:0 20px 40px #0009;--shadow-2xl:0 32px 64px #000000b3;--shadow-blue:0 4px 24px #3b82f640}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}::selection{background:var(--accent-muted);color:var(--accent)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 40px}@media (max-width:768px){.container{padding:0 20px}}@media (max-width:480px){.container{padding:0 16px}}.section-spacing{padding:var(--section-y)0}@media (max-width:768px){:root{--section-y:80px}}.display-xl{font-family:var(--font-sans);letter-spacing:-.04em;color:var(--fg);font-size:clamp(3rem,7vw,5.5rem);font-weight:900;line-height:1}.display-lg{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--fg);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.05}.heading-xl{letter-spacing:-.025em;color:var(--fg);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.2}.heading-lg{letter-spacing:-.015em;color:var(--fg);font-size:1.25rem;font-weight:700;line-height:1.3}.heading-md{color:var(--fg);font-size:1rem;font-weight:700;line-height:1.4}.body-lg{color:var(--fg-secondary);font-size:1.0625rem;font-weight:400;line-height:1.75}.body-md{color:var(--fg-secondary);font-size:.9375rem;font-weight:400;line-height:1.65}.body-sm{color:var(--fg-secondary);font-size:.8125rem;line-height:1.6}.label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-tertiary);font-size:.6875rem;font-weight:500}.serif-italic{font-family:var(--font-serif);font-style:italic;font-weight:400}.gradient-blue{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text}.gradient-warm{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f59e0b 0%,#f43f5e 100%);-webkit-background-clip:text;background-clip:text}.gradient-cool{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#06b6d4 0%,#3b82f6 60%,#8b5cf6 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite shimmer}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.card-hover{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s}.card-hover:hover{box-shadow:var(--shadow-xl);border-color:var(--border-strong);transform:translateY(-5px)}.btn{border-radius:var(--r-md);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--accent);color:var(--fg-inverse);box-shadow:var(--shadow-blue)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 32px #2563eb4d}.btn-secondary{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-sm);border:1px solid var(--border-strong)!important}.btn-secondary:hover{color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--accent)!important}.btn-ghost{color:var(--fg-secondary);background:0 0;border:1px solid var(--border)!important}.btn-ghost:hover{color:var(--fg);background:var(--bg-subtle);border-color:var(--border-strong)!important}.pill{border-radius:var(--r-full);letter-spacing:.02em;border:1px solid #0000;align-items:center;gap:5px;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.pill-blue{background:var(--blue-50);color:var(--blue-600);border-color:var(--blue-100)}.pill-violet{background:var(--violet-50);color:var(--violet-600);border-color:var(--violet-100)}.pill-emerald{background:var(--emerald-50);color:var(--emerald-600);border-color:var(--emerald-100)}.pill-amber{background:var(--amber-50);color:var(--amber-500);border-color:var(--amber-100)}.pill-rose{background:var(--rose-50);color:var(--rose-500);border-color:#f43f5e33}.pill-cyan{background:var(--cyan-50);color:var(--cyan-500);border-color:var(--cyan-100)}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:12px;font-size:.6875rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:1px;width:20px;height:1.5px;display:block}.skill-track{background:var(--bg-muted);border-radius:var(--r-full);height:4px;overflow:hidden}.skill-fill{border-radius:var(--r-full);background:linear-gradient(90deg,var(--blue-600),var(--violet-500));height:100%;transition:width 1.4s cubic-bezier(.4,0,.2,1)}.timeline-line{background:linear-gradient(to bottom,var(--border-strong)0%,transparent 100%);width:1px;position:absolute;top:32px;bottom:-24px;left:5px}.timeline-node{background:var(--accent);border:2px solid var(--bg);width:12px;height:12px;box-shadow:0 0 0 3px var(--border-strong);border-radius:50%;position:absolute;top:28px;left:0}.nav-blur{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#ffffffd9}.dark .nav-blur{background:#080c14e0}.hero-noise{background-image:radial-gradient(80% 50% at 50% -10%,#2563eb14 0%,#0000 60%),radial-gradient(40% 30% at 80%,#7c3aed0d 0%,#0000 60%)}.dark .hero-noise{background-image:radial-gradient(80% 50% at 50% -10%,#2563eb24 0%,#0000 60%),radial-gradient(40% 30% at 80%,#7c3aed14 0%,#0000 60%)}.dot-grid{background-image:radial-gradient(circle,var(--border-strong)1px,transparent 1px);opacity:.5;background-size:32px 32px;-webkit-mask-image:radial-gradient(70% 60%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 60%,#000 30%,#0000 100%)}.input{background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;font-family:var(--font-sans);color:var(--fg);outline:none;padding:11px 15px;font-size:.9rem;transition:border-color .2s,box-shadow .2s,background .2s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);background:var(--surface)}.input::placeholder{color:var(--fg-tertiary)}.input-label{color:var(--fg-secondary);margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.divider-accent{background:linear-gradient(90deg,var(--blue-600),var(--violet-500));border-radius:2px;width:40px;height:3px;margin:14px 0 20px}.ring-dot{border-radius:50%;width:8px;height:8px;animation:2.5s infinite ping-dot}@keyframes ping-dot{0%,to{box-shadow:0 0}50%{box-shadow:0 0 0 4px #0000}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.animate-float{animation:4s ease-in-out infinite float-y}.animate-blink{animation:1.1s step-end infinite blink-cursor}.hide-mobile{display:block}@media (max-width:768px){.hide-mobile{display:none}.display-xl{letter-spacing:-.03em}}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-hero{grid-template-columns:1fr 420px;align-items:center;gap:80px;display:grid}.grid-about{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.grid-contact{grid-template-columns:380px 1fr;align-items:start;gap:28px;display:grid}.grid-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:64px;display:grid}.hero-float-chips{display:block}.mobile-menu-btn{display:none!important}@media (max-width:1024px){.grid-hero{grid-template-columns:1fr 360px;gap:48px}.grid-about{grid-template-columns:1fr 1fr;gap:48px}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-contact{grid-template-columns:320px 1fr;gap:24px}.grid-stats{grid-template-columns:repeat(4,1fr);gap:12px}}@media (max-width:868px){:root{--section-y:80px}.container{padding:0 24px}.hide-mobile{display:none!important}.mobile-menu-btn{display:flex!important}.grid-hero{grid-template-columns:1fr;gap:48px}.hero-float-chips{display:none}.grid-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:40px}.grid-about{grid-template-columns:1fr;gap:40px}.grid-2,.grid-3{grid-template-columns:1fr;gap:16px}.skills-grid{grid-template-columns:repeat(2,1fr)!important}.grid-contact{grid-template-columns:1fr;gap:24px}}@media (max-width:640px){:root{--section-y:64px}.container{padding:0 16px}.display-xl{letter-spacing:-.025em;font-size:2.5rem}.display-lg{font-size:1.875rem}.btn{padding:11px 18px;font-size:.825rem}.card{border-radius:14px}.grid-stats{grid-template-columns:repeat(2,1fr);gap:10px}.skills-grid,.form-grid-2{grid-template-columns:1fr!important}.exp-card{padding:20px 18px!important}.proj-card-body{padding:16px 18px 20px!important}.proj-card-banner{padding:20px 18px 0!important}.contact-form-card,.phil-card{padding:24px 20px!important}.section-header{margin-bottom:40px!important}}@media (max-width:400px){.container{padding:0 12px}.display-xl{font-size:2.1rem}.display-lg{font-size:1.65rem}.btn{padding:10px 16px;font-size:.8rem}}.skills-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.skills-grid{grid-template-columns:1fr}}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:640px){.grid-3{grid-template-columns:1fr!important}}@media (max-width:868px){.grid-hero{grid-template-columns:1fr!important;gap:0!important}}@media (max-width:640px){.grid-stats{grid-template-columns:repeat(2,1fr)!important;margin-top:32px!important}}@media (max-width:868px){.grid-about{grid-template-columns:1fr!important;gap:32px!important}.grid-contact{grid-template-columns:1fr!important}}@media (max-width:480px){.form-grid-2{grid-template-columns:1fr!important}}@media (max-width:640px){.exp-card{padding:20px 18px!important}.phil-card{padding:22px 18px!important}.proj-card-body{padding:16px 18px 20px!important}.contact-form-card{padding:24px 20px!important}}@media (max-width:1100px){.hero-float-chips{display:none!important}}@media (max-width:868px){.mobile-menu-btn{display:flex!important}}@media (max-width:640px){.timeline-node{top:22px}.timeline-line{top:28px}.btn{min-height:44px}.nav-link{align-items:center;min-height:44px;display:flex}input,textarea,select{font-size:16px!important}}*{max-width:100%}img,video,iframe{max-width:100%;height:auto}pre,code{overflow-x:auto}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}