:root{--bg:#fef9f3;--bg-gradient-start:#fef9f3;--bg-gradient-end:#f5ebe0;--card:#fff;--card-hover:#fdfaf6;--accent:#1e3a8a;--accent-hover:#1e40af;--accent-light:#3b82f6;--secondary:#0891b2;--muted:#64748b;--text:#1f2937;--border:#e5e7eb;--header-gradient-start:#1e3a8a;--header-gradient-end:#2563eb;--profile-photo-offset-x:0px;--profile-photo-offset-y:0px;--profile-photo-zoom:1}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%;scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#e8e8e8;color:var(--text);line-height:1.7;overflow-x:hidden;min-height:100vh;transition:all .3s ease;position:relative}.profile-section{background:linear-gradient(135deg,#475569,#334155);padding:60px 0;width:100vw;margin:-32px calc(-50vw + 50%) 32px}.profile-content{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;padding:0 20px;text-align:center}.profile-photo-wrapper{width:220px;height:220px;border-radius:50%;overflow:hidden;border:5px solid hsla(0,0%,100%,.3);box-shadow:0 10px 40px rgba(0,0,0,.3);margin-bottom:24px;transition:transform .3s ease,box-shadow .3s ease;position:relative}.profile-photo-wrapper:hover{transform:scale(1.02);box-shadow:0 15px 50px rgba(0,0,0,.4)}.profile-photo-wrapper .profile-photo{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(calc(-50% + var(--profile-photo-offset-x)),calc(-50% + var(--profile-photo-offset-y))) scale(var(--profile-photo-zoom));border:none;box-shadow:none}.profile-info{max-width:600px}.profile-name{font-size:2.5rem;font-weight:700;margin-bottom:12px;margin-top:0;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.2)}.profile-title{font-size:1.2rem;color:#fff;font-weight:600;margin-bottom:12px;opacity:.95}.profile-description{font-size:1.05rem;color:#e2e8f0;line-height:1.7;margin-bottom:0;opacity:.9}.social-links{gap:16px;margin-top:24px;flex-wrap:wrap}.social-link,.social-links{display:flex;justify-content:center}.social-link{align-items:center;width:48px;height:48px;border-radius:50%;background:hsla(0,0%,100%,.15);border:2px solid hsla(0,0%,100%,.25);text-decoration:none;transition:all .3s ease}.social-link:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.25);text-decoration:none}.social-icon{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1);transition:transform .3s ease}.social-link:hover .social-icon{transform:scale(1.1)}@media (min-width:768px){.profile-section{margin-top:-48px;margin-bottom:48px;padding:80px 0}.profile-photo-wrapper{width:260px;height:260px}.profile-name{font-size:2.8rem}}@media (min-width:1024px){.profile-section{margin-top:-60px;margin-bottom:60px;padding:100px 0}.profile-photo-wrapper{width:300px;height:300px}}#__next,.container{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:100%;margin:0;padding:0}main{flex:1 1;max-width:1400px;margin:0 auto;padding:32px 20px;width:100%}@media (min-width:768px){main{padding:48px 40px}}@media (min-width:1024px){main{padding:60px}}.section{scroll-margin-top:100px}.card{background:transparent;padding:32px;border-radius:0;margin-bottom:32px;box-shadow:none;border:none;transition:all .3s ease}.card:hover{box-shadow:none;transform:none}h2{text-align:center;margin-bottom:32px}@media (min-width:768px){.card{padding:40px}}@media (max-width:640px){.card{padding:24px;margin-bottom:24px}}.nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}h1{font-size:3rem;margin-bottom:.75rem;color:var(--text);letter-spacing:-.02em}h1,h2{font-weight:700}h2{font-size:2.5rem;margin-bottom:1rem;color:var(--accent);letter-spacing:-.01em}h3{font-size:1.75rem;margin-bottom:.75rem;color:var(--text);font-weight:600}@media (max-width:640px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}.muted{color:var(--muted);line-height:1.7}.list{margin-top:12px}.list-item{margin-bottom:12px;padding:8px 0}button{background:var(--accent);color:#fff;border:none;padding:14px 28px;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px rgba(30,58,138,.25);letter-spacing:.01em}button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(30,58,138,.35)}button:disabled{opacity:.5}button.secondary{background:var(--secondary);box-shadow:0 4px 12px rgba(8,145,178,.25)}button.secondary:hover:not(:disabled){background:#0e7490;box-shadow:0 6px 20px rgba(8,145,178,.35)}a{color:var(--accent-light);text-decoration:none;transition:color .2s;font-weight:500}a:hover{color:var(--accent);text-decoration:underline}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:32px;gap:32px;margin-top:24px}.flip-card{perspective:1000px;height:400px;cursor:pointer}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;background:#fff;border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 20px rgba(0,0,0,.08);transition:box-shadow .3s ease}.flip-card:hover .flip-card-back,.flip-card:hover .flip-card-front{box-shadow:0 8px 30px rgba(0,0,0,.12)}.flip-card-back{transform:rotateY(180deg);justify-content:flex-start;padding-top:32px}.flip-hint{font-size:.85rem;color:var(--muted);margin-top:auto;padding-top:16px;font-style:italic;opacity:.8;transition:opacity .3s ease}.flip-card:hover .flip-hint{opacity:1}.portfolio-item{text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.portfolio-item:hover{transform:translateY(-6px);box-shadow:0 12px 35px rgba(30,58,138,.18)}.portfolio-item h3{font-size:1.75rem;font-weight:700;margin-bottom:12px;color:var(--accent)}.portfolio-item h3+p{margin-top:4px;margin-bottom:16px}.portfolio-item img{height:200px;width:100%;object-fit:contain;margin-top:16px}.portfolio-item .DermAI{max-height:140px}@media (max-width:640px){.portfolio-grid{grid-template-columns:1fr;gap:24px}.portfolio-item img{max-height:140px}.flip-card{height:450px}}.hobbies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:24px;gap:24px;margin-top:24px}.hobby-item{padding:28px;background:#fff;border-radius:12px;border:1px solid var(--border);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px rgba(0,0,0,.06)}.hobby-item:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(30,58,138,.18);background:#fff;border-color:rgba(30,58,138,.2)}.hobby-item h3{font-size:1.5rem;font-weight:700;margin-bottom:12px;color:var(--accent)}.hobby-item p{font-size:1.05rem}@media (max-width:640px){.hobbies-grid{grid-template-columns:1fr;gap:20px}}header{position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;background:#faf8f5;padding:20px 0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-ribbon{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:1400px;font-size:16px;padding:0 40px}@media (max-width:768px){.top-ribbon{flex-direction:column;gap:16px;padding:0 20px}}.top-ribbon h1{color:#1e3a8a;font-size:2rem;margin:0;font-weight:800;letter-spacing:-.02em}@media (max-width:640px){.top-ribbon h1{font-size:1.75rem}}.nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.nav-links button:hover{color:var(--accent-hover);transform:translateY(-2px)}.nav-links a{font-size:1.5rem;color:var(--accent);text-decoration:none;cursor:pointer;transition:color .2s ease;margin:0 16px}.nav-links a:hover{color:var(--accent-light)}@media (max-width:640px){.nav-links button{font-size:.9rem;padding:8px 14px}}footer{position:-webkit-sticky;position:sticky;bottom:0;width:100%;background:#faf8f5;font-size:13px;margin-top:auto;padding:8px 0 6px;border-top:none;box-shadow:0 -1px 6px rgba(30,58,138,.08);flex-shrink:0;z-index:1000}footer h1{text-align:center;margin:0 0 4px;font-size:.9rem;color:var(--accent);font-weight:600}footer .contact-info{display:flex;margin:0 auto;max-width:1400px;gap:20px;padding:0 16px;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:row}footer .contact-info .hyperlink{display:flex;align-items:center;text-decoration:none;width:-moz-fit-content;width:fit-content;transition:opacity .2s}footer .contact-info .hyperlink:hover{opacity:.7}footer .contact-info img{height:18px;width:18px;margin-right:5px;object-fit:contain}footer .contact-info p{color:var(--accent);font-size:.8rem;margin:0;font-weight:500}