@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&family=Inter:wght@400;500;600;700;800&display=swap";html{scroll-behavior:smooth}:root{--purple-500: #8b5cf6;--purple-600: #7c3aed;--blue-500: #3b82f6;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--pink-500: #ec4899;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #334155;--border-hover: #475569;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);background:radial-gradient(circle at 16% 18%,rgba(139,92,246,.22),transparent 28%),radial-gradient(circle at 84% 14%,rgba(34,211,238,.14),transparent 26%),linear-gradient(180deg,#0f172a,#111827 58%,#0f172a);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}@keyframes glow{0%,to{opacity:.32}50%{opacity:.65}}.main-nav{position:sticky;top:0;z-index:50;background:#0f172ad1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.75rem;font-size:1.15rem;font-weight:800}.nav-brand img{width:34px;height:34px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:var(--text-secondary);font-size:.95rem;font-weight:700;transition:color var(--transition-fast),transform var(--transition-fast)}.nav-links a:hover{color:var(--text-primary);transform:translateY(-1px)}.nav-links .nav-link-cta{display:inline-flex;display:flex;align-items:center;padding:.625rem 1.2rem;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.main-content{max-width:1280px;margin:0 auto;padding:0 2rem}.hero-section{min-height:calc(100vh - 76px);padding:5.5rem 0 4.5rem;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.35fr);gap:5rem;align-items:center}.hero-image-col{animation:scaleIn .8s ease-out}.image-card{position:relative;width:min(100%,400px);margin:0 auto}.image-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:-1;border-radius:var(--radius-xl);background:var(--gradient-primary);filter:blur(40px);animation:glow 3s ease-in-out infinite}.hero-photo{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:var(--radius-xl);border:3px solid var(--border-color);box-shadow:var(--shadow-xl);transition:transform var(--transition-base),border-color var(--transition-base)}.hero-photo:hover{transform:scale(1.02);border-color:var(--purple-500)}.image-badge{position:absolute;left:50%;bottom:1.5rem;transform:translate(-50%);white-space:nowrap;padding:.75rem 1.5rem;border-radius:var(--radius-full);background:#1e293bf0;color:var(--cyan-400);font-size:.9rem;font-weight:800;box-shadow:var(--shadow-lg);animation:float 3s ease-in-out infinite}.hero-text-col{animation:fadeInUp .8s ease-out .1s backwards}.hero-badge{display:inline-flex;padding:.625rem 1.25rem;margin-bottom:1.5rem;border:2px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);font-size:.875rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.hero-heading{font-size:clamp(2.6rem,6vw,4.5rem);line-height:1.1;font-weight:900;letter-spacing:-1px}.hero-heading span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-location{color:var(--text-secondary);font-size:1.05rem;font-weight:700;margin-top:1.4rem}.typing-line{min-height:3.5rem;margin-top:1.5rem;font-size:clamp(1.6rem,3.4vw,2.45rem);line-height:1.2;font-weight:900;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{max-width:650px;margin-top:1.5rem;color:var(--text-secondary);font-size:1.125rem;line-height:1.8}.hero-description strong{color:var(--text-primary);font-weight:800}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.875rem 1.75rem;border:2px solid transparent;border-radius:var(--radius-md);font-size:1rem;font-weight:800;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.btn-gradient{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-outline:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.mini-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;padding:0 0 5rem;perspective:1200px}.info-card{position:relative;overflow:hidden;min-height:275px;padding:1.55rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:linear-gradient(145deg,#1e293bf2,#0f172aeb),radial-gradient(circle at 20% 0%,rgba(139,92,246,.18),transparent 34%);box-shadow:var(--shadow-md);isolation:isolate;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.info-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--gradient-primary);transform:scaleX(.22);transform-origin:left;transition:transform var(--transition-base)}.info-card:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:-1;border-radius:calc(var(--radius-lg) - 2px);background-image:linear-gradient(rgba(148,163,184,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.72),transparent 85%)}.info-card:hover{border-color:var(--purple-500);transform:translateY(-8px) rotateX(2deg);box-shadow:var(--shadow-xl);background:linear-gradient(145deg,#1e293bfa,#0f172af5),radial-gradient(circle at 20% 0%,rgba(34,211,238,.2),transparent 34%)}.info-card:hover:before{transform:scaleX(1)}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-index{color:var(--cyan-400);font-family:Fira Code,monospace;font-size:.85rem;font-weight:800}.card-chip{padding:.36rem .72rem;border:1px solid rgba(34,211,238,.22);border-radius:var(--radius-full);background:#22d3ee1a;color:var(--cyan-400);font-size:.72rem;font-weight:900;letter-spacing:.6px;text-transform:uppercase}.card-orb{width:56px;height:56px;margin-top:2rem;border-radius:var(--radius-md);background:linear-gradient(135deg,#8b5cf63d,#ec48992e),var(--bg-secondary);border:1px solid rgba(139,92,246,.3);box-shadow:0 18px 40px #7c3aed2e;position:relative}.card-orb:before,.card-orb:after{content:"";position:absolute;border-radius:inherit}.card-orb:before{top:13px;right:13px;bottom:13px;left:13px;background:var(--gradient-accent);opacity:.9}.card-orb:after{top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px solid rgba(34,211,238,.15)}.info-card h2{margin-top:1.45rem;font-size:1.35rem;line-height:1.2}.info-card p{margin-top:1rem;color:var(--text-secondary);line-height:1.72}.card-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.45rem}.card-tags span{padding:.45rem .72rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#0f172a7a;color:var(--text-tertiary);font-size:.78rem;font-weight:800;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.info-card:hover .card-tags span{border-color:#8b5cf66b;background:#8b5cf61f;color:var(--text-primary)}.main-footer{border-top:2px solid var(--border-color);background:var(--bg-secondary);padding:2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-tertiary);font-weight:700}.main-footer span{color:var(--text-primary);font-size:1.1rem;font-weight:900}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;gap:3rem}.hero-image-col{order:2}.hero-text-col{order:1}.image-card{max-width:320px}.mini-sections{grid-template-columns:1fr}}@media (max-width: 720px){.main-nav{padding:.9rem 1.2rem}.nav-links a:not(.nav-link-cta){display:none}.main-content{padding:0 1.2rem}.hero-section{padding:3.2rem 0 4rem}.hero-heading{font-size:2.5rem}.typing-line{min-height:auto;font-size:1.65rem}.hero-actions{flex-direction:column}.btn{width:100%}}