:root{--bg:#f6f4ef;--surface:#fff;--surface-soft:#f9fafb;--text:#111827;--muted:#667085;--blue:#2563eb;--blue-dark:#1e3a8a;--blue-soft:#eaf1ff;--border:#1118271a;--shadow:0 24px 70px #0f172a14;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app{min-height:100vh;overflow-x:hidden}.container{width:min(1160px,100% - 48px);margin-inline:auto}.navbar{z-index:50;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-radius:999px;justify-content:space-between;align-items:center;width:min(1160px,100% - 48px);margin:16px auto 0;padding:12px 18px;display:flex;position:sticky;top:16px;box-shadow:0 18px 55px #0f172a14}.navbar__brand{align-items:center;gap:12px;font-weight:900;display:flex}.navbar__logo{object-fit:contain;background:#fff;border-radius:50%;width:54px;height:54px;padding:3px;box-shadow:0 8px 22px #0f172a1f}.navbar__brand strong{white-space:nowrap}.navbar__links{color:#475467;align-items:center;gap:20px;font-size:.92rem;font-weight:750;display:flex}.navbar__links a{transition:color .2s}.navbar__links a:hover,.navbar__links a.active{color:var(--blue)}.page{padding:72px 0 100px}.page-header{text-align:center;flex-direction:column;align-items:center;width:min(1160px,100% - 48px);margin-inline:auto;padding:70px 0 54px;display:flex}.page-header .lead{margin-left:auto;margin-right:auto}.pill{color:var(--blue-dark);background:var(--blue-soft);border-radius:999px;margin:0 0 18px;padding:10px 16px;font-size:.88rem;font-weight:900;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.075em;max-width:980px;margin-bottom:24px;font-size:clamp(3rem,6vw,6rem);line-height:.94}h2{letter-spacing:-.045em;margin-bottom:14px;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1}h3{margin-bottom:10px;font-size:1.15rem}.lead{max-width:760px;color:var(--muted);font-size:1.15rem;line-height:1.8}.actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{color:#fff;background:var(--blue);box-shadow:0 18px 42px #2563eb38}.button--secondary{color:var(--text);border:1px solid var(--border);background:#fff}.hero-page{background:radial-gradient(circle at 15% 18%,#2563eb29,#0000 28%),radial-gradient(circle at 88% 18%,#7dd3fc38,#0000 32%),linear-gradient(135deg,#fff 0%,#f4f7ff 48%,#eef4ff 100%);min-height:calc(100vh - 110px);padding-top:100px}.hero-layout{grid-template-columns:1.2fr .8fr;align-items:center;gap:54px;min-height:calc(100vh - 180px);display:grid}.hero-layout>div:first-child{flex-direction:column;align-items:flex-start;display:flex}.hero-card{width:100%;max-width:430px;box-shadow:var(--shadow);background:#ffffffdb;border:1px solid #2563eb24;border-radius:34px;justify-self:center;padding:32px}.hero-card__initials{color:#fff;background:var(--blue);border-radius:24px;place-items:center;width:72px;height:72px;margin-bottom:28px;font-size:1.4rem;font-weight:950;display:grid}.hero-card h2{margin-bottom:14px;font-size:2rem}.hero-card p{color:var(--muted);line-height:1.75}.profile-intro{margin-inline:auto;width:min(1160px,100% - 48px);margin-bottom:22px}.profile-intro__card{box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#2563eb1a,#0000 32%),#fff;border:1px solid #2563eb29;border-radius:34px;padding:38px}.profile-intro__card h2{max-width:780px;margin-bottom:18px}.profile-intro__card p{max-width:920px;color:var(--muted);font-size:1.05rem;line-height:1.8}.profile-intro__card p:last-child{margin-bottom:0}.card-grid,.detail-grid{grid-template-columns:repeat(3,1fr);gap:18px;width:min(1160px,100% - 48px);margin-inline:auto;display:grid}.detail-grid{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow);border-radius:30px;padding:30px}.card p,.card li{color:var(--muted);line-height:1.75}.card ul{margin:0;padding-left:18px}.card strong{color:var(--blue-dark);margin-top:22px;display:block}.projects-list{gap:18px;width:min(1160px,100% - 48px);margin-inline:auto;display:grid}.project-wide{width:100%;box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#2563eb1f,#0000 32%),#fff;border:1px solid #2563eb29;border-radius:34px;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:34px;display:grid}.project-wide span{color:var(--blue-dark);background:var(--blue-soft);border-radius:999px;margin-bottom:16px;padding:8px 12px;font-size:.78rem;font-weight:950;display:inline-flex}.project-wide h2{margin-bottom:14px;font-size:clamp(2rem,4vw,3.4rem)}.project-wide p{max-width:760px;color:var(--muted);margin-bottom:0;line-height:1.8}.project-wide strong{color:var(--blue-dark);margin-top:18px;display:block}.project-cards-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.project-wide--clickable,.project-card-preview--clickable{color:inherit;cursor:pointer;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.project-wide--clickable:hover,.project-card-preview--clickable:hover{border-color:#2563eb59;transform:translateY(-4px);box-shadow:0 30px 80px #2563eb24}.project-wide--clickable:hover h2,.project-card-preview--clickable:hover h2{color:var(--blue)}.project-arrow{color:#fff;background:var(--blue);border-radius:999px;place-items:center;width:54px;height:54px;font-size:1.6rem;font-weight:900;display:grid}.project-card-preview{flex-direction:column;min-height:360px;display:flex}.project-card-preview p{flex:1}.card-label{width:fit-content;color:var(--blue-dark);background:var(--blue-soft);border-radius:999px;margin-bottom:18px;padding:8px 12px;font-size:.78rem;font-weight:950;display:inline-flex}.card-more{color:var(--blue);margin-top:24px;font-weight:900;display:inline-flex}.timeline{gap:16px;width:min(1160px,100% - 48px);margin-inline:auto;display:grid}.timeline-item{border:1px solid var(--border);width:100%;box-shadow:var(--shadow);background:#fff;border-radius:30px;grid-template-columns:190px 1fr;gap:28px;padding:30px;display:grid}.timeline-item>span{color:var(--blue);font-weight:950}.timeline-item h2{margin-bottom:6px;font-size:1.5rem}.timeline-item h3{color:#344054;margin-bottom:12px}.timeline-item p{color:var(--muted);line-height:1.75}.timeline-item--clickable{color:inherit;cursor:pointer;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.timeline-item--clickable:hover{border-color:#2563eb59;transform:translateY(-4px);box-shadow:0 30px 80px #2563eb24}.timeline-item--clickable:hover h2{color:var(--blue)}.project-detail,.experience-detail,.passion-detail{gap:22px;width:min(1160px,100% - 48px);margin-inline:auto;display:grid}.detail-hero-card{width:100%;box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#2563eb1f,#0000 32%),#fff;border:1px solid #2563eb29;border-radius:34px;padding:36px}.detail-hero-card span{color:var(--blue);margin-bottom:18px;font-weight:950;display:inline-flex}.detail-hero-card h2{max-width:900px;margin-bottom:0}.detail-hero-card p{max-width:900px;color:var(--muted);margin:18px 0 0;line-height:1.8}.skills-tags{flex-wrap:wrap;gap:10px;display:flex}.skills-tags span{color:var(--blue-dark);background:var(--blue-soft);border-radius:999px;padding:9px 12px;font-size:.86rem;font-weight:850;display:inline-flex}.passion-highlight{margin-inline:auto;width:min(1160px,100% - 48px);margin-bottom:22px}.passion-highlight__card{box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#2563eb1f,#0000 32%),#fff;border:1px solid #2563eb29;border-radius:36px;padding:42px;display:block}.passion-highlight__card span,.passion-card span{width:fit-content;color:var(--blue-dark);background:var(--blue-soft);border-radius:999px;margin-bottom:18px;padding:8px 12px;font-size:.78rem;font-weight:950;display:inline-flex}.passion-highlight__card h2{max-width:850px;margin-bottom:18px;font-size:clamp(2rem,4vw,3.4rem)}.passion-highlight__card p{max-width:900px;color:var(--muted);font-size:1.06rem;line-height:1.8}.passion-grid{grid-template-columns:repeat(3,1fr);gap:18px;width:min(1160px,100% - 48px);margin-inline:auto;display:grid}.passion-card{border:1px solid var(--border);min-height:300px;box-shadow:var(--shadow);background:#fff;border-radius:30px;flex-direction:column;padding:30px;display:flex}.passion-card h2{margin-bottom:14px;font-size:1.55rem}.passion-card p{color:var(--muted);flex:1;line-height:1.75}.passion-card--clickable{color:inherit;cursor:pointer;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.passion-card--clickable:hover{border-color:#2563eb59;transform:translateY(-4px);box-shadow:0 30px 80px #2563eb24}.passion-card--clickable:hover h2{color:var(--blue)}.passion-card strong,.passion-highlight__card strong{color:var(--blue);margin-top:22px;font-weight:900;display:inline-flex}.contact-page{background:radial-gradient(circle at 85% 20%,#2563eb29,#0000 32%),linear-gradient(135deg,#fff,#eef4ff);align-items:center;min-height:calc(100vh - 160px);display:flex}.contact-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:54px;width:min(1160px,100% - 48px);margin-inline:auto;display:grid}.contact-page .contact-grid{min-height:calc(100vh - 220px)}.contact-page h1,.contact-page .lead{max-width:720px}.contact-card{width:100%;max-width:460px;box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #2563eb29;border-radius:32px;justify-self:center;gap:14px;padding:30px;display:grid}.contact-card div{border-top:1px solid #11182714;padding-top:18px}.contact-card span{color:var(--muted);margin-bottom:6px;display:block}.contact-card strong{color:var(--text)}.footer{width:min(1160px,100% - 48px);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:28px 0 34px;font-size:.92rem;display:flex}.footer p{margin:0}.footer a{color:var(--blue-dark);font-weight:800}@media (width<=950px){.navbar{border-radius:28px;flex-direction:column;align-items:flex-start;gap:14px}.navbar__links{flex-wrap:wrap;gap:14px}.page{padding-top:48px}.hero-page{padding-top:80px}.hero-layout,.contact-grid,.card-grid,.detail-grid,.project-wide,.project-cards-grid,.passion-grid{grid-template-columns:1fr}.hero-layout{text-align:center}.hero-layout>div:first-child{align-items:center}.lead{margin-left:auto;margin-right:auto}.actions{justify-content:center}.timeline-item{grid-template-columns:1fr}.project-wide{text-align:center}.project-arrow{justify-self:center}.contact-grid{text-align:center}.contact-card{margin:0 auto}.passion-highlight__card{padding:30px}}@media (width<=560px){.container,.navbar,.footer,.page-header,.profile-intro,.card-grid,.detail-grid,.projects-list,.timeline,.project-detail,.experience-detail,.passion-detail,.passion-highlight,.passion-grid,.contact-grid{width:min(100% - 28px,1160px)}h1{font-size:3.1rem}.navbar{margin-top:10px;top:10px}.navbar__logo{width:46px;height:46px}.navbar__links{font-size:.82rem}.actions{flex-direction:column}.button{width:100%}.footer{flex-direction:column;align-items:flex-start}}.passion-photo-section{gap:22px;display:grid}.section-mini-heading span{color:var(--blue-dark);background:var(--blue-soft);border-radius:999px;margin-bottom:12px;padding:8px 12px;font-size:.78rem;font-weight:950;display:inline-flex}.section-mini-heading h2{max-width:780px;margin-bottom:0}.passion-photo-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.passion-photo-card{border:1px solid var(--border);min-height:280px;box-shadow:var(--shadow);background:#fff;border-radius:30px;position:relative;overflow:hidden}.passion-photo-card img{object-fit:cover;width:100%;height:100%;min-height:280px;transition:transform .35s;display:block}.passion-photo-card:hover img{transform:scale(1.06)}@media (width<=950px){.passion-photo-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.passion-photo-grid{grid-template-columns:1fr}}.hero-card--interactive{flex-direction:column;gap:0;display:flex}.random-fact{border-top:1px solid #11182714;margin-top:26px;padding-top:24px}.random-fact span{color:var(--blue-dark);background:var(--blue-soft);border-radius:999px;margin-bottom:12px;padding:8px 12px;font-size:.78rem;font-weight:950;display:inline-flex}.random-fact p{min-height:110px;color:var(--muted);margin-bottom:18px;line-height:1.7}.random-fact .button{cursor:pointer;border:0;width:100%}.news-hero,.news-list{width:min(1160px,100% - 48px);margin-inline:auto}.news-hero{box-shadow:var(--shadow);background:radial-gradient(circle at 100% 0,#2563eb1f,#0000 32%),#fff;border:1px solid #2563eb29;border-radius:36px;margin-bottom:22px;padding:42px}.news-hero span{width:fit-content;color:var(--blue-dark);background:var(--blue-soft);border-radius:999px;margin-bottom:18px;padding:8px 12px;font-size:.78rem;font-weight:950;display:inline-flex}.news-hero h2{max-width:850px;margin-bottom:18px;font-size:clamp(2rem,4vw,3.4rem)}.news-hero p{max-width:880px;color:var(--muted);font-size:1.06rem;line-height:1.8}.news-list{gap:16px;display:grid}.news-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:30px;grid-template-columns:180px 1fr;gap:28px;padding:30px;display:grid}.news-card__date span{color:var(--blue);margin-bottom:8px;font-weight:950;display:block}.news-card__date small{color:var(--blue-dark);background:var(--blue-soft);border-radius:999px;padding:7px 11px;font-size:.75rem;font-weight:900;display:inline-flex}.news-card__content h2{margin-bottom:12px;font-size:1.55rem}.news-card__content p{max-width:780px;color:var(--muted);line-height:1.75}.news-card__link{color:var(--blue);margin-top:12px;font-weight:900;display:inline-flex}@media (width<=950px){.news-card{grid-template-columns:1fr}.news-hero{padding:30px}}@media (width<=560px){.news-hero,.news-list{width:min(100% - 28px,1160px)}}#root{min-height:100vh}