:root{--bg-primary: #0a0a0a;--bg-secondary: #171717;--text-primary: #fafafa;--text-secondary: #a3a3a3;--accent-primary: #3b82f6;--accent-hover: #2563eb;--border-color: #262626;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-24: 6rem;--spacing-32: 8rem;--max-width: 1100px;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);background-image:radial-gradient(circle at 15% 50%,rgba(37,99,235,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.08),transparent 25%);background-attachment:fixed;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{color:var(--text-primary);line-height:1.2;font-weight:700;margin-bottom:var(--spacing-4)}p{color:var(--text-secondary);max-width:75ch;margin-bottom:var(--spacing-4)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{text-decoration:underline;color:var(--text-primary)}img,video{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--spacing-6)}button,.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-6);font-family:var(--font-sans);font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);text-decoration:none}button:active,.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);color:#fff;text-decoration:none}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color);text-decoration:none}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px}.header{position:sticky;top:0;z-index:100;background-color:#0a0a0ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color)}.header-container{display:flex;align-items:center;justify-content:space-between;height:4rem}.brand{text-decoration:none;color:var(--text-primary);font-weight:700;font-size:var(--text-xl);display:flex;align-items:center}.desktop-nav{display:flex;align-items:center;gap:var(--spacing-6)}.nav-list{display:flex;align-items:center;gap:var(--spacing-6);list-style:none}.nav-link{color:var(--text-secondary);font-weight:500;padding:var(--spacing-2) 0;transition:color var(--transition-fast)}.nav-link:hover,.nav-link:focus-visible{color:var(--text-primary);text-decoration:none}.header-actions{display:flex;align-items:center;gap:var(--spacing-4)}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--text-primary);padding:var(--spacing-2);cursor:pointer}.mobile-nav{display:none;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-4) var(--spacing-6)}.mobile-nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-4)}.mobile-nav-link{display:block;font-size:var(--text-lg);font-weight:500;color:var(--text-primary);padding:var(--spacing-2) 0}.mobile-resume-btn{width:100%;margin-top:var(--spacing-2)}@media(max-width:768px){.desktop-nav{display:none}.mobile-menu-toggle,.mobile-nav{display:block}}.hero{padding:var(--spacing-24) 0 var(--spacing-16);min-height:80vh;display:flex;align-items:center}.hero-container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-12)}.hero-content{flex:1;max-width:650px}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center}.hero-image-wrapper{position:relative;width:100%;max-width:500px;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(37,99,235,.2))}.hero-image{width:100%;height:auto;object-fit:contain}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.hero-title{font-size:var(--text-4xl);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--spacing-6);color:var(--text-primary)}.hero-title .highlight{color:var(--accent-primary)}.hero-proofs{margin-bottom:var(--spacing-8)}.proof-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-2)}.proof-list li{font-size:var(--text-lg);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-2)}.proof-metric{color:var(--text-primary);font-weight:700;background:var(--bg-secondary);padding:0 var(--spacing-2);border-radius:var(--radius-sm);display:inline-block}.hero-ctas{display:flex;gap:var(--spacing-4);flex-wrap:wrap}@media(max-width:860px){.hero{padding:var(--spacing-16) 0 var(--spacing-8);min-height:auto}.hero-container{flex-direction:column-reverse;text-align:center;gap:var(--spacing-8)}.hero-title{font-size:var(--text-3xl)}.hero-ctas{justify-content:center}.proof-list{align-items:center}}.hero-visual-container{position:relative;width:100%;max-width:500px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;perspective:1000px}.glow-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;animation:orbit 12s linear infinite;z-index:1}.orb-blue{width:250px;height:250px;background:var(--accent-primary);top:10%;left:10%;animation-duration:15s}.orb-purple{width:200px;height:200px;background:#8b5cf6;bottom:20%;right:15%;animation-duration:18s;animation-direction:reverse}@keyframes orbit{0%{transform:rotate(0) translate(30px) rotate(0)}to{transform:rotate(360deg) translate(30px) rotate(-360deg)}}.blobs-layer{position:absolute;inset:0;z-index:2}.glass-blob{position:absolute;top:50%;left:50%;background:linear-gradient(135deg,#ffffff1a,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d,inset 0 0 20px #ffffff0d;transform-style:preserve-3d;will-change:transform,width,height;animation:morph 8s ease-in-out infinite alternate;transition:opacity .3s ease}.glass-inner-light{position:absolute;inset:10% 15% 15% 10%;border-radius:inherit;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.15),transparent 60%);pointer-events:none}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}33%{border-radius:30% 60% 70% 40%/50% 60% 30%}66%{border-radius:50% 50% 20% 80%/25% 80% 20% 75%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes float{0%{transform:translateY(0) rotateX(5deg) scale(1)}50%{transform:translateY(-20px) rotateX(-5deg) scale(1.02)}to{transform:translateY(0) rotateX(5deg) scale(1)}}@media(prefers-reduced-motion:reduce){.glow-orb{animation:none}.glass-shape{animation:none;border-radius:50%;transform:none}}.project-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px -10px #00000080;border-color:#333}.project-image-wrapper{position:relative;aspect-ratio:16 / 9;overflow:hidden;background-color:#1a1a1a}.project-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.project-card:hover .project-image{transform:scale(1.03)}.demo-chip{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background-color:#0a0a0ad9;color:var(--text-primary);padding:var(--spacing-1) var(--spacing-3);border-radius:9999px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-color)}.demo-chip:hover{background-color:var(--bg-primary);text-decoration:none}.project-content{padding:var(--spacing-6);display:flex;flex-direction:column;flex-grow:1}.project-header{margin-bottom:var(--spacing-4)}.project-domain{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);font-weight:700;display:block;margin-bottom:var(--spacing-1)}.project-title{margin-bottom:0;font-size:var(--text-2xl)}.project-meta{margin-bottom:var(--spacing-4)}.project-role{margin:0;font-size:.875rem}.project-outcomes{margin-bottom:var(--spacing-6);flex-grow:1}.project-outcomes ul{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-2)}.project-outcomes li{font-size:.875rem;color:var(--text-primary);display:flex;align-items:flex-start;line-height:1.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-6)}.tag{background-color:#ffffff0d;color:var(--text-secondary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:.75rem;border:1px solid var(--border-color)}.project-links{display:flex;align-items:center;gap:var(--spacing-4);margin-top:auto}.btn-sm{padding:var(--spacing-1) var(--spacing-4);font-size:.875rem}.link-secondary{font-size:.875rem;color:var(--text-secondary);font-weight:500}.link-secondary:hover{color:var(--text-primary)}.projects-section{padding:var(--spacing-24) 0}.section-header{margin-bottom:var(--spacing-12);max-width:600px}.section-title{font-size:var(--text-3xl);margin-bottom:var(--spacing-4)}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-8)}@media(max-width:768px){.projects-section{padding:var(--spacing-16) 0}.projects-grid{grid-template-columns:1fr}}.about-section{padding:var(--spacing-24) 0;background-color:var(--bg-secondary)}.about-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--spacing-12);align-items:flex-start}.about-text{margin-bottom:var(--spacing-8);font-size:var(--text-lg);color:var(--text-secondary)}.about-text p{color:var(--text-secondary);line-height:1.7}.about-text strong{color:var(--text-primary)}.how-i-work h3,.about-skills h3{font-size:var(--text-xl);margin-bottom:var(--spacing-4);color:var(--text-primary)}.principles-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-4)}.principles-list li{position:relative;padding-left:var(--spacing-6);color:var(--text-secondary)}.principles-list li:before{content:"→";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.principles-list strong{color:var(--text-primary)}.skills-tags{list-style:none;display:flex;flex-wrap:wrap;gap:var(--spacing-3)}.skill-tag{background-color:var(--bg-primary);color:var(--text-primary);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:500;font-size:.875rem;border:1px solid var(--border-color)}@media(max-width:992px){.about-grid{grid-template-columns:1fr;gap:var(--spacing-8)}}.contact-section{padding:var(--spacing-24) 0}.contact-wrapper{display:flex;justify-content:space-between;gap:var(--spacing-16);max-width:1000px;margin:0 auto}.contact-info{flex:1}.contact-info .section-subtitle{margin-bottom:var(--spacing-8)}.direct-contact{display:inline-flex;align-items:center;gap:var(--spacing-4);background-color:var(--bg-secondary);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-8);flex-wrap:wrap}.email-link{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.btn-copy{padding:var(--spacing-1) var(--spacing-3);font-size:.875rem}.contact-actions{display:flex;gap:var(--spacing-4)}.contact-form-container{flex:1;background-color:var(--bg-secondary);padding:var(--spacing-8);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-group input,.form-group textarea{padding:var(--spacing-3);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.5}.submit-btn{width:100%;margin-top:var(--spacing-2)}@media(max-width:860px){.contact-wrapper{flex-direction:column;gap:var(--spacing-12)}.contact-info,.contact-form-container{width:100%}}.footer{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);padding:var(--spacing-12) 0 var(--spacing-6);margin-top:var(--spacing-24)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-8);margin-bottom:var(--spacing-12)}.footer-brand .brand-name{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);display:block}.footer-subtitle{color:var(--text-secondary);margin-top:var(--spacing-1);margin-bottom:0}.footer-links{display:flex;gap:var(--spacing-6)}.footer-links a{color:var(--text-secondary);font-weight:500}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{padding-top:var(--spacing-6);border-top:1px solid var(--border-color);text-align:center}.footer-bottom p{font-size:.875rem;margin:0}@media(max-width:640px){.footer-content{flex-direction:column}}