:root{--blue: #4f6ef7;--blue-deep: #3a4fd6;--purple: #8b5cf6;--purple-deep: #6d3ff0;--orange: #ff8c42;--orange-deep: #f5731f;--bg: #faf7f3;--bg-tint: #f3eee7;--surface: #ffffff;--ink: #1f1a2e;--muted: #6b6577;--border: #ece6df;--gradient-brand: linear-gradient(120deg, var(--blue), var(--purple) 55%, var(--orange));--gradient-brand-soft: linear-gradient( 120deg, rgba(79, 110, 247, .12), rgba(139, 92, 246, .12) 55%, rgba(255, 140, 66, .12) );--shadow-sm: 0 1px 2px rgba(31, 26, 46, .06);--shadow-md: 0 10px 30px -12px rgba(109, 63, 240, .25);--shadow-lg: 0 24px 60px -20px rgba(109, 63, 240, .35);--max-width: 1080px;--radius: 16px;--radius-sm: 10px;--nav-height: 64px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 16px);-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:var(--orange-deep);text-decoration:none;transition:color .18s ease}a:hover{color:var(--purple-deep)}::selection{background:#8b5cf640}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:24px}.section{padding-block:72px}.section-heading{display:inline-flex;align-items:center;gap:12px;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:28px}.section-heading .heading-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:var(--gradient-brand);box-shadow:var(--shadow-md)}.section-heading .heading-icon svg{width:20px;height:20px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--purple-deep)}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.navbar{position:fixed;inset:0 0 auto 0;height:var(--nav-height);z-index:100;display:flex;align-items:center;transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.navbar.scrolled{background:#faf7f3cc;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border)}.navbar .container{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em}.brand img{width:30px;height:30px}.nav-links{display:flex;align-items:center;gap:4px;list-style:none;margin-left:auto}.nav-links a{color:var(--ink);font-size:.92rem;font-weight:500;padding:8px 14px;border-radius:999px;position:relative;transition:color .18s ease,background .18s ease}.nav-links a:hover{color:var(--purple-deep);background:var(--gradient-brand-soft)}.nav-cv{display:inline-flex;align-items:center;gap:7px;margin-left:12px;padding:8px 16px;border-radius:999px;font-size:.9rem;font-weight:600;color:#fff!important;background:var(--gradient-brand);box-shadow:var(--shadow-md);transition:transform .18s ease,box-shadow .18s ease}.nav-cv:hover{color:#fff!important;box-shadow:var(--shadow-lg)}.nav-cv svg{width:16px;height:16px}.nav-cv-mobile{display:none}.nav-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--ink);padding:6px}.nav-toggle svg{width:26px;height:26px}.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:calc(var(--nav-height) + 40px) 24px 64px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:saturate(105%)}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#4f6ef7d1,#8b5cf6c7 52%,#ff8c42c7)}.hero-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;mix-blend-mode:screen}.hero-inner{position:relative;z-index:2;width:100%;max-width:var(--max-width);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}.hero-photo{justify-self:center}.hero-photo img{width:clamp(200px,26vw,300px);height:clamp(200px,26vw,300px);object-fit:cover;border-radius:50%;border:5px solid rgba(255,255,255,.85);box-shadow:var(--shadow-lg)}.hero-text{color:#fff}.hero-text h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-bottom:18px}.hero-tagline{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:6px 14px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);margin-bottom:22px}.hero-details{list-style:none;display:grid;gap:12px;margin-bottom:22px}.hero-details li{display:flex;align-items:flex-start;gap:12px;font-size:.98rem;opacity:.95}.hero-details .detail-icon{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;background:#ffffff29;border:1px solid rgba(255,255,255,.28)}.hero-details .detail-icon svg{width:18px;height:18px}.hero-details .detail-text{display:flex;flex-direction:column;line-height:1.3;padding-top:1px}.hero-details .label{font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.hero-email{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#fff;color:var(--purple-deep)!important;font-weight:600;box-shadow:var(--shadow-md)}.hero-email:hover{color:var(--orange-deep)!important;transform:translateY(-1px)}.hero-scroll{position:absolute;bottom:22px;left:50%;transform:translate(-50%);z-index:2;color:#ffffffd9}.hero-scroll svg{width:26px;height:26px}.prose p{color:var(--ink);margin-bottom:16px;text-align:justify}.prose p:last-child{margin-bottom:0}.section-tinted{background:var(--bg-tint)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--gradient-brand);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}.card:hover:before{transform:scaleX(1)}.card h3{font-size:1.15rem;font-weight:700;margin-bottom:4px}.card .card-meta{color:var(--purple-deep);font-weight:600;font-size:.9rem;margin-bottom:12px}.card p{color:var(--muted);font-size:.95rem;text-align:justify}.link-list{display:grid;gap:14px}.link-item{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 18px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.link-item:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:#8b5cf666}.link-item .link-content{color:var(--ink);font-size:.96rem;display:block}.link-item .link-url{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--orange-deep);font-size:.82rem;font-weight:600;word-break:break-word}.link-item .link-url svg{width:14px;height:14px;flex-shrink:0}.paper-list{display:grid;gap:12px}.paper-item{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 18px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.paper-item:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:#8b5cf666}.paper-item .paper-year{flex-shrink:0;display:grid;place-items:center;min-width:56px;padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:700;color:#fff;background:var(--gradient-brand)}.paper-item .paper-title{flex:1;color:var(--ink);font-size:.98rem;font-weight:600}.paper-actions{flex-shrink:0;display:flex;align-items:center;gap:8px}.paper-action{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;color:var(--purple-deep);background:var(--gradient-brand-soft);border:1px solid var(--border);transition:transform .18s ease,border-color .18s ease,color .18s ease}.paper-action:hover{transform:translateY(-2px);color:var(--orange-deep);border-color:#8b5cf666}.paper-action svg{width:14px;height:14px}.timeline{display:grid;gap:4px;position:relative}.timeline-item{position:relative;display:flex;gap:22px;padding:0 0 30px 6px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:12px;top:22px;bottom:-4px;width:2px;background:var(--border)}.timeline-item:last-child:before{display:none}.timeline-dot{position:relative;z-index:1;flex-shrink:0;width:14px;height:14px;margin-top:7px;border-radius:50%;background:var(--gradient-brand);box-shadow:0 0 0 4px var(--bg)}.section-tinted .timeline-dot{box-shadow:0 0 0 4px var(--bg-tint)}.timeline-body{flex:1}.timeline-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}.timeline-body h3{font-size:1.12rem;font-weight:700}.exp-type{padding:3px 12px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#fff;background:var(--gradient-brand)}.timeline-body .card-meta{color:var(--purple-deep);font-weight:600;font-size:.9rem;margin-bottom:10px}.timeline-body p:last-child{color:var(--muted);font-size:.95rem;text-align:justify}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.skill-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-sm)}.skill-group h3{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--purple-deep);margin-bottom:14px}.skill-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.skill-tags li{padding:6px 14px;border-radius:999px;font-size:.86rem;font-weight:500;color:var(--ink);background:var(--gradient-brand-soft);border:1px solid var(--border);transition:transform .18s ease,border-color .18s ease}.skill-tags li:hover{transform:translateY(-2px);border-color:#8b5cf666}.students-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.student-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px 20px 26px;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.student-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--gradient-brand)}.student-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#8b5cf666}.student-card h3{font-size:1.05rem;font-weight:700;margin-bottom:2px}.student-card .card-meta{color:var(--purple-deep);font-weight:600;font-size:.88rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.blog-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#8b5cf666}.blog-card .blog-date{align-self:flex-start;padding:4px 12px;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.04em;color:var(--purple-deep);background:var(--gradient-brand-soft);margin-bottom:14px}.blog-card .blog-title{color:var(--ink);font-size:1.02rem;font-weight:600;line-height:1.4;margin-bottom:16px;flex:1}.blog-card .blog-read{display:inline-flex;align-items:center;gap:6px;color:var(--orange-deep);font-size:.84rem;font-weight:600}.blog-card .blog-read svg{width:14px;height:14px}.footer{background:var(--ink);color:#ffffffd9;padding-block:32px}.footer .container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer .socials{display:flex;gap:10px}.footer .socials a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;background:#ffffff14;transition:transform .2s ease,background .2s ease}.footer .socials a:hover{transform:translateY(-3px);background:var(--gradient-brand)}.footer .socials a svg{width:20px;height:20px}.scroll-top{position:fixed;right:24px;bottom:24px;z-index:90;width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;color:#fff;background:var(--gradient-brand);box-shadow:var(--shadow-md)}.scroll-top svg{width:22px;height:22px}@media (max-width: 860px){.hero-inner{grid-template-columns:1fr;text-align:center;gap:32px}.hero-details{justify-items:center}.hero-text{display:flex;flex-direction:column;align-items:center}}@media (max-width: 720px){.grid-2,.skills-grid{grid-template-columns:1fr}.nav-toggle{display:block}.nav-cv{display:none}.nav-cv-mobile{display:block;margin-top:4px}.nav-cv-mobile a{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;color:#fff;font-weight:600;background:var(--gradient-brand)}.nav-cv-mobile a:hover{color:#fff}.nav-cv-mobile svg{width:16px;height:16px}.nav-links{display:none;position:absolute;top:var(--nav-height);right:16px;left:16px;flex-direction:column;align-items:stretch;gap:4px;padding:10px;border-radius:var(--radius);background:#faf7f3f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow-lg);overflow:hidden}.nav-links a{text-align:center}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}