.hero-section{align-items:center;min-height:95vh;padding-top:6rem;padding-bottom:4rem;display:flex;position:relative;overflow:hidden}.hero-layout{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;display:grid;position:relative}.hero-content{max-width:650px}.hero-eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;background:#6366f11a;border-radius:999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.hero-title{margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5rem);line-height:1.1}.hero-subtitle{margin-bottom:2.5rem;font-size:clamp(1.1rem,1.5vw,1.3rem)}.hero-cta{flex-wrap:wrap;gap:1rem;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.visual-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:#131316cc;width:100%;max-width:500px;transition:transform .5s;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(5deg);box-shadow:0 25px 50px -12px #00000080}.visual-card:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.card-header{border-bottom:1px solid var(--border);background:#ffffff08;gap:.5rem;padding:1rem 1.5rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.card-body{color:#e5e7eb;padding:2rem;font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.6}.code-keyword{color:#c678dd}.code-variable{color:#e5c07b}.code-string{color:#98c379}.code-function{color:#61afef}.code-boolean{color:#d19a66}.glow{filter:blur(120px);z-index:1;pointer-events:none;border-radius:50%;width:50vw;max-width:800px;height:50vw;max-height:800px;position:absolute}.glow-1{background:#6366f11f;top:-20%;left:-10%}.glow-2{background:#a855f71f;bottom:-10%;right:-10%}@media (max-width:900px){.hero-layout{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-content{margin:0 auto}.hero-cta{justify-content:center}.visual-card{transform:none}}
.bg-surface{background-color:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.bg-surface:before{content:"";opacity:.15;background-image:radial-gradient(var(--text-muted)1px,transparent 1px);z-index:0;pointer-events:none;background-size:30px 30px;position:absolute;inset:0}.about-header{text-align:center;z-index:2;max-width:700px;margin:0 auto 4rem;position:relative}.about-intro{font-size:1.25rem;line-height:1.6}.about-grid{z-index:2;grid-template-columns:3fr 2fr;gap:2rem;display:grid;position:relative}.about-main{flex-direction:column;justify-content:center;padding:3rem;display:flex}.about-main h3{margin-bottom:1.5rem;font-size:2rem}.about-main p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8}.about-main p strong{color:var(--foreground)}.about-stack{flex-direction:column;gap:2rem;display:flex}.about-skills,.about-vision{flex-direction:column;justify-content:center;height:100%;padding:2.5rem;display:flex}.about-skills h3,.about-vision h3{color:var(--primary);margin-bottom:1rem;font-size:1.5rem}.about-skills p,.about-vision p{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.about-icon{border:1px solid var(--border);background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;font-size:2.5rem;display:inline-flex}.skill-tags{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.main-tags{margin-top:1.5rem}.skill-tags .tag{background:#ffffff08;padding:.4rem 1rem;font-size:.85rem}.skill-tags .primary-tag{color:#a5b4fc;background:#6366f11a;border-color:#6366f14d}.skill-tags .ai-tag{color:#d8b4fe;background:#a855f71a;border-color:#a855f766;box-shadow:0 0 10px #a855f726}@media (max-width:900px){.about-grid{grid-template-columns:1fr}}@media (max-width:600px){.about-main,.about-skills,.about-vision{padding:2rem}}
.timeline{flex-direction:column;gap:2rem;max-width:800px;margin:0 auto;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom,transparent,var(--border)10%,var(--border)90%,transparent);z-index:0;width:2px;position:absolute;top:0;bottom:0;left:24px;transform:translate(-50%)}.timeline-item{z-index:1;border-radius:var(--radius-md);background-color:var(--surface);border:1px solid #0000;margin-left:48px;padding:2rem;transition:transform .3s,border-color .3s;position:relative}.timeline-item:hover{border-color:var(--primary);transform:translate(4px)}.timeline-item:before{content:"";background:var(--background);border:3px solid var(--primary);z-index:2;border-radius:50%;width:16px;height:16px;transition:background-color .3s,box-shadow .3s;position:absolute;top:2.5rem;left:-24px;transform:translate(-50%,-50%)}.timeline-item:hover:before{background:var(--primary);box-shadow:0 0 15px var(--primary)}.timeline-item:after{content:"";background:var(--primary);opacity:.4;z-index:1;border-radius:50%;width:16px;height:16px;animation:2s ease-out infinite timeline-pulse;position:absolute;top:2.5rem;left:-24px;transform:translate(-50%,-50%)}@keyframes timeline-pulse{0%{opacity:.6;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}.timeline-role{margin-bottom:.25rem;font-size:1.5rem}.timeline-company{margin-bottom:1rem;font-size:1rem;font-weight:600;display:inline-block}.timeline-desc{color:var(--text-muted);font-size:1rem;line-height:1.6}@media (max-width:768px){.timeline:before{left:16px}.timeline-item{margin-left:32px;padding:1.5rem}.timeline-item:before,.timeline-item:after{top:2.25rem;left:-16px}}
.section-header{text-align:center;margin-bottom:4rem}.section-title{margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem)}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(350px,auto);gap:1.5rem;display:grid}.bento-item{color:inherit;flex-direction:column;justify-content:space-between;padding:2.5rem;display:flex;position:relative;overflow:hidden}.bento-item:before{content:"";background:radial-gradient(800px circle at var(--mouse-x,50%)var(--mouse-y,50%),#ffffff0f,transparent 40%);opacity:0;z-index:1;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.bento-item:hover:before{opacity:1}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.bento-content{z-index:2;flex-grow:1;position:relative}.project-title{margin-bottom:1rem;font-size:1.75rem}.project-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.project-features{flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:0;list-style:none;display:flex}.project-features li{color:var(--foreground);padding-left:1.5rem;font-size:.95rem;position:relative}.project-features li:before{content:"→";color:var(--primary);font-weight:700;position:absolute;left:0}.project-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.tag{border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;border-radius:6px;padding:.35rem .85rem;font-size:.75rem;transition:all .2s}.bento-item:hover .tag{color:var(--foreground);border-color:#6366f166}.bento-footer{z-index:2;border-top:1px solid #ffffff0d;margin-top:auto;padding-top:1.5rem;position:relative}.btn-sm{border-radius:8px;padding:.5rem 1rem;font-size:.875rem}.bento-cta{align-items:center;gap:.5rem;width:fit-content;display:inline-flex}.bento-cta .arrow{transition:transform .2s}.bento-cta:hover .arrow{transform:translate(2px,-2px)}@media (max-width:900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.col-span-3{grid-column:span 2}}@media (max-width:600px){.bento-grid{grid-template-columns:1fr}.col-span-1,.col-span-2,.col-span-3{grid-column:span 1}.bento-item{padding:1.5rem}}
.cta-section{z-index:5;padding-bottom:2rem;position:relative}.cta-card{border-radius:var(--radius-lg);text-align:center;background:#14141866;border:1px solid #ffffff14;padding:5rem 2rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.light .cta-card{background:#fff9;border-color:#0000000d;box-shadow:0 20px 40px #0000001a}.cta-card:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(800px at top,#ffffff0d,#0000 40%);position:absolute;inset:0}.light .cta-card:before{background:radial-gradient(800px at top,#00000008,#0000 40%)}.cta-glow{filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(at top,#6366f133,#0000 70%);width:60%;height:100%;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.cta-content{z-index:2;max-width:600px;margin:0 auto;position:relative}.cta-title{margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1}.cta-subtitle{color:var(--text-muted);margin-bottom:3rem;font-size:1.125rem;line-height:1.6}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-btn{padding:1rem 2rem;font-size:1.1rem}.site-footer{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0d;margin-top:4rem;padding-top:2rem;font-size:.9rem}@media (max-width:600px){.cta-card{padding:4rem 1.5rem}.cta-actions{flex-direction:column}.cta-btn{width:100%}}