@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=Inter:wght@300;400;500;600&display=swap";:root{--black: #0a0a0a;--white: #ffffff;--beige: #f5f0e8;--beige-light: #faf8f4;--beige-dark: #e8e0d0;--gray: #6b6b6b;--gray-light: #d4d0c8;--accent: #c9a96e;--accent-light: #e8d5b0;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--white);color:var(--black);line-height:1.6;overflow-x:hidden;cursor:none}.cursor{width:10px;height:10px;background:var(--black);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transition:transform .15s ease,background .2s ease;transform:translate(-50%,-50%)}.cursor-follower{width:36px;height:36px;border:1.5px solid var(--black);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transition:all .12s ease;transform:translate(-50%,-50%)}.cursor.hover{transform:translate(-50%,-50%) scale(2.5);background:var(--accent)}.cursor-follower.hover{transform:translate(-50%,-50%) scale(1.5);border-color:var(--accent);opacity:.5}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--beige-light)}::-webkit-scrollbar-thumb{background:var(--gray-light);border-radius:2px}::selection{background:var(--accent-light);color:var(--black)}.navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:calc(100% - 60px);max-width:1800px;z-index:1000;padding:.4rem 2rem;display:flex;align-items:center;justify-content:space-between;background:#ffffffbf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:14px;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 25px #0000000f;transition:all .3s ease}.navbar.scrolled{background:#fffffff2;padding:.6rem 2rem;box-shadow:0 6px 20px #00000014}.nav-logo{font-family:var(--font-serif);font-size:1.2rem;font-weight:700;color:#111;text-decoration:none}.nav-links{display:flex;align-items:center;gap:1.8rem;list-style:none}.nav-links a{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#555;text-decoration:none;position:relative;transition:all .25s ease}.nav-links a:hover{color:#111}.nav-links a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:#1b6280;transition:width .3s ease}.nav-links a:hover:after{width:100%}.hero-bg{position:relative;min-height:50vh;padding:50px 30px;display:flex;flex-direction:column;gap:150px;overflow:hidden;background:url(/final.png) center/cover no-repeat}.hero-logo-large{display:flex;align-items:center;justify-content:center;font-size:clamp(3rem,10vw,8rem);font-weight:1000;letter-spacing:-.04em}.word-port,.word-folio{color:#fff}.hero-middle-section{display:grid;grid-template-columns:1fr 2fr;gap:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdfd6f;padding:2rem;border-radius:20px}.hero-id-badge{position:relative}.badge-lanyard{position:absolute;top:-50px;left:50%;width:2px;height:80px;background:#ccc;transform:translate(-50%)}.badge-card{background:#fff;border:1px solid #eee;padding:12px;width:150px;box-shadow:0 8px 25px #00000014;display:flex;flex-direction:column;gap:10px;margin:0 auto;border-radius:12px}.badge-photo{width:100%;aspect-ratio:1;overflow:hidden}.badge-photo img{width:100%;height:100%;object-fit:cover}.badge-name{font-size:.7rem;font-weight:800}.hero-bio-col{display:flex;flex-direction:column;gap:25px}.hero-bio-text h2{font-size:3rem;font-weight:600}.hero-bio-text span{color:#3d3d3d}.hero-bio-text p{font-size:1.05rem;line-height:1.6;color:#444;max-width:500px}.hero-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-item h3{font-size:.65rem;letter-spacing:.15em;border-bottom:1px solid #000;padding-bottom:5px;margin-bottom:10px}.detail-item p{font-size:.95rem}.detail-sub{font-size:.65rem;color:#696767}@media (max-width: 900px){.hero-middle-section{grid-template-columns:1fr}}@media (max-width: 600px){.hero-logo-large{font-size:clamp(2.5rem,10vw,5rem)}.hero-bg{padding:60px 20px}}.section-label{display:flex;align-items:center;gap:.75rem;font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem}.section-label-line{width:28px;height:1px;background:var(--accent)}.section-heading{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;color:var(--black)}.about-modern{padding:2.5rem;display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;background:linear-gradient(to bottom,#faf9f6,#f5f4f1)}.about-left{display:flex;flex-direction:column;gap:1.2rem}.about-heading{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;line-height:1.25}.about-heading span{color:#6b7280;font-weight:600}.about-para{font-size:1.05rem;line-height:1.6;color:#444;max-width:480px}.about-link{font-size:.9rem;font-weight:600;color:#111;text-decoration:none;position:relative}.about-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#1b6280;transition:.3s}.about-link:hover:after{width:100%}.about-right{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.skill-card{padding:.9rem;border-radius:10px;background:#ffffffb3;border:1px solid #e5e5e5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .25s ease}.skill-card:hover{transform:translateY(-4px);border-color:#c7d2fe;box-shadow:0 6px 18px #4f46e514}.skill-card-header span{font-size:1.05rem;font-weight:500;letter-spacing:.12em;color:#111}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.skill-pill{font-size:.8rem;padding:.2rem .5rem;border-radius:999px;background:#f1f5f9;border:1px solid #e5e7eb;color:#333;transition:.2s}.skill-pill:hover{background:#1b6280;color:#fff;border-color:#1b6280}@media (max-width: 900px){.about-modern{grid-template-columns:1fr}.about-right{grid-template-columns:1fr 1fr}}.experience{padding:6rem 3rem;background:var(--beige-light)}.experience-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.exp-card{background:var(--white);padding:1.8rem;display:flex;flex-direction:column;gap:.9rem;border-radius:16px;border:1px solid var(--beige-dark);transition:all .35s ease;position:relative;overflow:hidden}.exp-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(120deg,transparent,rgba(0,0,0,.04),transparent);opacity:0;transition:opacity .4s ease}.exp-card:hover:before{opacity:1}.exp-card:hover{transform:translateY(-6px) scale(1.01);background:var(--beige-light);box-shadow:0 10px 30px #0000000f}.exp-number{font-family:var(--font-serif);font-size:.65rem;color:var(--accent);font-weight:600;letter-spacing:.2em;opacity:.8}.exp-title{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;color:var(--black);line-height:1.35}.exp-company{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.exp-period{font-size:.68rem;color:var(--gray);letter-spacing:.06em}.exp-desc{font-size:.8rem;line-height:1.6;color:var(--gray);font-weight:400}.exp-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto}.exp-tag{padding:.2rem .6rem;background:transparent;border:1px solid var(--beige-dark);border-radius:999px;font-size:.6rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);transition:all .25s ease}.exp-tag:hover{background:var(--black);color:var(--white);border-color:var(--black)}@media (max-width: 1024px){.experience-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.experience{padding:4rem 1.5rem}.experience-grid{grid-template-columns:1fr}}.projects{padding:8rem 4rem;background:var(--white)}.projects-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3rem}.row{margin-bottom:3rem}.row h3{font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gray);margin-bottom:1rem}.scroll-row{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:.5rem;scroll-behavior:smooth}.scroll-row::-webkit-scrollbar{display:none}.project-card{min-width:260px;max-width:260px;flex-shrink:0;position:relative;overflow:hidden;background:var(--beige-light);border:1px solid var(--beige-dark);transition:all .35s ease;display:flex;flex-direction:column}.project-card:hover{transform:scale(1.08);z-index:10;box-shadow:0 20px 50px #0000001f}.project-card-visual{height:150px;overflow:hidden;position:relative;background:var(--beige-dark)}.project-card-visual-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.project-visual-emoji{font-size:2.5rem;position:absolute;bottom:10px;left:12px}.project-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#000000b3,#00000080);opacity:0;transition:.3s ease;display:flex;align-items:center;justify-content:center}.project-card:hover .project-card-overlay{opacity:1}.project-overlay-link{background:var(--white);color:var(--black);padding:.6rem 1.4rem;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.project-card-body{padding:1.2rem;display:flex;flex-direction:column;gap:.6rem}.project-category{font-size:.6rem;letter-spacing:.2em;color:var(--accent)}.project-title{font-family:var(--font-serif);font-size:1rem;font-weight:600;line-height:1.2}.project-desc{font-size:.75rem;line-height:1.5;color:var(--gray);opacity:0;max-height:0;overflow:hidden;transition:.3s ease}.project-card:hover .project-desc{opacity:1;max-height:80px}.project-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.project-tech{font-size:.6rem;color:var(--gray)}.project-link-arrow{width:28px;height:28px;border:1px solid var(--black);display:flex;align-items:center;justify-content:center;font-size:.8rem}.contact{padding:8rem 4rem;background:var(--black);color:var(--white);position:relative;overflow:hidden}.contact:before{content:"";position:absolute;top:-300px;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(201,169,110,.06) 0%,transparent 70%);transform:translate(-50%);pointer-events:none}.contact-inner{max-width:680px;margin:0 auto;text-align:center;position:relative;z-index:1}.contact .section-label{justify-content:center;color:var(--accent)}.contact .section-heading{color:var(--white);margin-bottom:1.5rem}.contact-sub{font-size:1.05rem;line-height:1.7;color:#ffffff80;font-weight:300;margin-bottom:3rem}.contact-email-link{display:inline-block;font-family:var(--font-serif);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;color:var(--white);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.25rem;margin-bottom:3rem;transition:all .3s ease}.contact-email-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.contact-socials{display:flex;align-items:center;justify-content:center;gap:1.5rem}.social-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;text-decoration:none;transition:color .2s ease}.social-link:hover{color:var(--white)}.social-link svg{width:16px;height:16px}.contact-divider{width:1px;height:24px;background:#ffffff26}.footer{padding:1.75rem 4rem;background:var(--beige-light);border-top:1px solid var(--beige-dark);display:flex;align-items:center;justify-content:space-between}.footer-text{font-size:.7rem;color:var(--gray);letter-spacing:.06em}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes morph-blob{0%,to{border-radius:60% 40% 70% 30%/40% 60%}25%{border-radius:40% 60% 30% 70%/60% 40%}50%{border-radius:70% 30% 60% 40%/30% 70%}75%{border-radius:30% 70% 40% 60%/70% 30%}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scroll-line{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.7}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:.1s}.fade-in-delay-2{transition-delay:.2s}.fade-in-delay-3{transition-delay:.3s}.fade-in-delay-4{transition-delay:.4s}@media (max-width: 1024px){.hero,.about{grid-template-columns:1fr;gap:4rem}.hero-right{order:-1}.avatar-container{width:260px;height:260px}.experience-grid{grid-template-columns:1fr 1fr}.hero,.about,.experience,.projects,.contact{padding:6rem 2rem}.navbar,.navbar.scrolled{padding:1.25rem 2rem}}@media (max-width: 768px){.nav-links{display:none}.hero{padding-top:7rem;padding-bottom:5rem}.projects-grid,.experience-grid{grid-template-columns:1fr}.projects-header,.experience-header{flex-direction:column;gap:1rem;margin-bottom:3rem}.footer{flex-direction:column;gap:.5rem;text-align:center;padding:1.5rem 2rem}}#root{min-height:100vh}