:root{--bg-dark:#0f172a;--bg-card:#1e293b;--bg-card-hover:#334155;--text-light:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--primary-purple:#7c3aed;--primary-blue:#3b82f6;--accent-green:#10b981;--accent-pink:#f472b6;--accent-orange:#f97316;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-secondary:linear-gradient(135deg,#3b82f6 0%,#7c3aed 100%);--gradient-accent:linear-gradient(135deg,#10b981 0%,#3b82f6 100%);--gradient-mesh:radial-gradient(at 0% 0%,#667eea1a 0px,transparent 50%),radial-gradient(at 100% 100%,#764ba21a 0px,transparent 50%);--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;--shadow-glow:0 0 20px #667eea4d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s ease-in-out;--transition-base:.3s ease-in-out;--transition-slow:.5s ease-in-out;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%;margin:0;padding:0;position:relative}body{background:var(--bg-dark);color:var(--text-light);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;margin:0;padding:0;font-size:18px;line-height:1.7;position:relative;overflow-x:hidden}#__next{margin:0;padding:0}.hero,main,section{margin-top:0}::selection{background:var(--primary-purple);color:var(--text-light)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}h4{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600}p{margin:0}b,strong{font-weight:800}a{color:var(--primary-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-purple)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradient-shift}.gradient-border{background:var(--bg-card);background-clip:padding-box;border:2px solid #0000;position:relative}.gradient-border:before{content:"";border-radius:inherit;background:var(--gradient-primary);-webkit-mask-composite:xor;pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.card-hover{transition:all var(--transition-base);transform:translateY(0)}.card-hover:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600;display:inline-flex}.badge-live{color:var(--accent-green);border:1px solid var(--accent-green);background:#10b9811a}.badge-live:before{content:"";background:var(--accent-green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.badge-in-development{color:var(--accent-orange);border:1px solid var(--accent-orange);background:#f973161a}.badge-finished{color:var(--primary-blue);border:1px solid var(--primary-blue);background:#3b82f61a}.container{max-width:1280px;padding:0 var(--spacing-xl);margin:0 auto}.section{padding:var(--spacing-3xl)0}.section-title{margin-bottom:var(--spacing-xl);text-align:center;font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-subtitle{color:var(--text-muted);text-align:center;margin-bottom:var(--spacing-2xl);font-size:clamp(1rem,2vw,1.25rem)}.grid{gap:var(--spacing-xl);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:var(--gradient-mesh);opacity:.5;z-index:0;position:absolute;inset:0}.hero-content{z-index:1;text-align:center;max-width:800px;padding:var(--spacing-xl);position:relative}.hero-profile{object-fit:cover;width:150px;height:150px;margin:0 auto var(--spacing-xl);background:var(--gradient-primary);border:4px solid #0000;border-radius:50%;padding:4px;animation:3s ease-in-out infinite float}.hero-title{margin-bottom:var(--spacing-md)}.hero-subtitle{color:var(--text-muted);margin-bottom:var(--spacing-lg);font-size:clamp(1.25rem,2.5vw,1.5rem)}.hero-meta{color:var(--text-dim);margin-bottom:var(--spacing-xl);font-size:1rem}.nav-sticky{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-top:0;padding:var(--spacing-md)0;transition:all var(--transition-base);opacity:0;background:#0f172acc;border-bottom:1px solid #ffffff1a;position:fixed;left:0;right:0;transform:translateY(-100%);margin:0!important;top:0!important}.nav-sticky.visible{opacity:1;transform:translateY(0)!important}.nav-sticky:before{content:"";background:var(--bg-dark);height:1px;position:absolute;top:-1px;left:0;right:0}.nav-content{justify-content:center;align-items:center;gap:var(--spacing-xl);display:flex}.nav-link{color:var(--text-muted);padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:600}.nav-link:hover,.nav-link.active{color:var(--text-light);background:#7c3aed1a}.btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:var(--text-light);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-xl);color:var(--text-light);transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-light);border:1px solid #ffffff1a}.btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-light);transform:translateY(-2px)}footer{background:var(--bg-card);padding:var(--spacing-2xl)0;margin-top:var(--spacing-3xl);border-top:1px solid #ffffff1a}.footer-content{text-align:center}.footer-tagline{color:var(--text-muted);margin-top:var(--spacing-md);font-size:.875rem}header{padding:var(--spacing-xl)0;border-bottom:2px solid var(--primary-purple)}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.header-text{text-align:left;flex:1}header img{object-fit:cover;border-radius:50%;width:150px;height:150px;margin-left:20px}header h1{margin:0;font-size:2.5rem}header p{color:var(--text-muted);margin:5px 0}nav{text-align:center;margin:20px 0}nav a{color:var(--primary-blue);margin:0 15px;font-weight:700;text-decoration:none}nav a:hover{color:var(--primary-purple);text-decoration:underline}nav a.home-button{background:var(--gradient-primary);color:var(--text-light);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);transition:all var(--transition-base);align-items:center;gap:var(--spacing-xs);margin:0 15px;display:inline-flex}nav a.home-button:hover{box-shadow:var(--shadow-lg);text-decoration:none;transform:translateY(-2px)}nav a.home-button svg{transition:transform var(--transition-fast)}nav a.home-button:hover svg{transform:translate(-3px)}section{margin:var(--spacing-2xl)0}section h2{color:var(--primary-purple);padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-lg);border-bottom:1px solid #ffffff1a;font-size:1.8rem}.skills ul{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.skills li{background:var(--bg-card);border-radius:var(--radius-md);color:var(--text-light);padding:8px 15px}.projectContainer{align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.experience,.education,.project{margin-bottom:20px}.experience h3,.education h3,.project h3{color:var(--text-light);margin:0;font-size:1.2rem}.experience p,.education p,.project p{color:var(--text-muted);margin:5px 0}.project img{border-radius:var(--radius-md);border:1px solid #ffffff1a;max-width:100%;height:auto;margin:10px 0}.project img[src$=\.svg],img[src$=\.svg]{background:#fff;padding:1rem}.projectImage{object-fit:cover;border-radius:var(--radius-md);border:none;width:300px;height:auto}.projectImage[src$=\.svg]{background:#fff;padding:1rem}.contact{color:var(--primary-blue);text-decoration:underline}.contact:hover{color:var(--primary-purple);text-decoration:underline}.equation{text-align:center;color:var(--text-light);margin:20px 0;font-size:1.1rem;font-style:italic}.equation math{margin:0 auto;display:block}.imageContainer{flex-direction:row;justify-content:center;align-items:center;gap:20px;margin:10px;display:flex}.imageContainer img[src$=\.svg]{border-radius:var(--radius-md);background:#fff;padding:1rem}.subtitleProject{text-align:center;color:var(--primary-purple);margin:var(--spacing-xl)0;font-size:1.5em}.intermediaryTitle{text-align:center;color:var(--text-light);margin:var(--spacing-xl)0;font-size:1.8em}.link-with-icon{align-items:center;gap:8px;display:flex}.link-text{color:var(--primary-blue);text-decoration:underline}.click-icon{vertical-align:middle;object-fit:contain;border:none;outline:none;width:1.5em;height:1.5em}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.nav-content{gap:var(--spacing-md);flex-wrap:wrap}.section{padding:var(--spacing-2xl)0}}@media (max-width:640px){body{font-size:16px}.container{padding:0 var(--spacing-md)}.hero-profile{width:120px;height:120px}.header-content{flex-direction:column;align-items:center}.header-text{text-align:center}header img{width:100px;height:100px;margin-top:10px;margin-left:0}header h1{font-size:2rem}nav a{display:none}nav a.home-button{margin:10px 0;font-size:22px;display:inline-block}.projectContainer{flex-direction:column;align-items:center}.projectImage{width:100%;max-width:300px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--primary-purple);outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid var(--primary-purple);outline-offset:2px;border-radius:var(--radius-sm)}
