@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--font-body: "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;font-family:var(--font-body);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#080c14;font-family:var(--font-body)}#root{width:100%;min-height:100vh}#root{width:100%;margin:0}header{position:fixed;top:0;left:0;width:100%;min-height:80px;padding:.85rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1200;box-sizing:border-box;background:#0a0e14b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.14)}.title{margin:0;color:#f9fbff;font-family:var(--font-display);font-weight:600;font-size:clamp(1.3rem,2.2vw,1.9rem);letter-spacing:.06em}nav{position:relative;z-index:1250}nav ul{list-style:none;display:flex;gap:.85rem;margin:0;padding:0}nav a{color:#f0f4ff;text-decoration:none;font-family:var(--font-body);font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.55rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff12;transition:.2s ease;font-size:.82rem}nav a:hover,nav a:focus{color:#0b1220;background:#edf4ff;border-color:transparent}.menu-toggle{display:none;border:1px solid rgba(255,255,255,.2);background:#ffffff14;border-radius:10px;padding:.45rem;width:44px;height:40px;cursor:pointer;z-index:1400}.menu-toggle span{display:block;width:100%;height:2px;background:#f0f4ff;border-radius:999px;transition:transform .24s ease,opacity .2s ease}.menu-toggle span+span{margin-top:6px}.nav-backdrop{display:none}body.menu-open{overflow:hidden}.portfolio-page{min-height:100vh;width:100%}.hero-section{position:relative;min-height:100vh;padding:8.5rem 1.25rem 4rem;background-image:url(/background3_0.png);background-size:cover;background-position:center;background-repeat:no-repeat;isolation:isolate}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0406099e,#04060985 35%,#040609c2)}.bio-section{width:min(900px,90%);margin:0 auto 4rem;display:flex;flex-direction:column;gap:1rem;justify-content:center}.section-title{margin:0;color:#f5f8ff;font-family:var(--font-display);text-align:center;font-size:clamp(1.5rem,2.7vw,2.3rem);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.bio{margin:0;color:#f0f4ff;font-family:var(--font-body);font-size:clamp(1.05rem,1.45vw,1.28rem);font-weight:400;line-height:1.85;text-wrap:pretty;text-align:center;letter-spacing:.02em;padding:1.5rem 1.8rem;border-radius:16px;background:#0a0e149e;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 26px #00000057}.edits-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:3.5rem;width:100%;padding:0 1.25rem;margin-bottom:4.5rem;box-sizing:border-box}.edit-card{flex:1 1 calc((100% - 7rem) / 3);max-width:calc((100% - 7rem) / 3);min-width:min(100%,320px);border-radius:14px;overflow:hidden;background:#070a10d1;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 25px #00000047;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-card:hover{transform:translateY(-8px);border-color:#ffffff47;box-shadow:0 16px 40px #0000006b}.edit-video{width:100%;height:clamp(320px,50vw,600px);object-fit:cover;display:block}.contact-section,.certificate-section{width:min(900px,90%);margin:0 auto 4.5rem;display:flex;flex-direction:column;gap:1rem}.contact-subtitle,.link-tree{margin:0;color:#c8d8ff;font-family:var(--font-body);font-size:1rem;text-align:center;letter-spacing:.02em}.contact-form{display:grid;gap:.9rem;padding:1.2rem;border-radius:16px;background:#0a0e149e;border:1px solid rgba(255,255,255,.12)}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0f;color:#f0f4ff;padding:.9rem 1rem;font:inherit}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#f0f4ffb3}.contact-form button,.certificate-link{font-family:var(--font-body);letter-spacing:.04em;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#ffffff1f;color:#f5f8ff;padding:.75rem 1.1rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:.2s ease;text-decoration:none;text-align:center}.contact-form button:disabled{opacity:.7;cursor:wait}.contact-form button:hover,.certificate-link:hover{background:#edf4ff;color:#0b1220;border-color:transparent}.contact-feedback{margin:0;font-size:.95rem;text-align:center}.contact-feedback.success{color:#9ff2bb}.contact-feedback.error{color:#ffb3b3}.skills-section{width:min(960px,90%);margin:0 auto 4.5rem;display:flex;flex-direction:column;gap:1.5rem}.skills-category{padding:1.4rem 1.6rem;border-radius:16px;background:#0a0e149e;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 26px #00000057;display:flex;flex-direction:column;gap:1rem}.skills-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center}.skill-pill{font-family:var(--font-body);padding:.45rem 1rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#e8eeff;font-size:.88rem;font-weight:500;letter-spacing:.04em;transition:all .2s ease;cursor:default}.skill-pill:hover{background:#c8d8ff26;border-color:#c8d8ff59;color:#f5f8ff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeInBackdrop .35s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.modal-container{position:relative;width:90vw;height:90vh;max-width:1400px;max-height:900px;animation:expandIn .5s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center}@keyframes expandIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.modal-video{width:100%;height:100%;object-fit:contain;border-radius:16px;background:#000}.modal-close-btn{position:absolute;top:-45px;right:0;width:40px;height:40px;border:none;background:#ffffff1a;color:#f9fbff;font-size:1.4rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2001}.modal-close-btn:hover{background:#fff3;transform:scale(1.1)}@media (max-width: 980px){.edits-row{gap:1.8rem}.edit-card{flex-basis:calc((100% - 1.8rem)/2);max-width:calc((100% - 1.8rem)/2)}}@media (max-width: 700px){header{min-height:78px;padding:.75rem 1rem}.title{font-size:1.2rem}.menu-toggle{display:inline-flex;flex-direction:column;justify-content:center}.menu-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}nav{position:fixed;inset:0 0 0 auto;width:min(82vw,320px);height:100dvh;padding:5.8rem 1rem 1rem;background:#080c14f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid rgba(255,255,255,.14);box-shadow:-18px 0 44px #0000008c;transform:translate(100%);transition:transform .3s ease;z-index:1300}nav.nav-open{transform:translate(0)}nav ul{width:100%;flex-direction:column;align-items:stretch;gap:.75rem}nav a{display:block;width:100%;text-align:left;padding:.8rem .95rem;border-radius:12px}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000094;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:1250}.nav-backdrop.visible{opacity:1;pointer-events:auto}.hero-section{padding-top:7rem}.edits-row{gap:1.5rem}.edit-card{flex-basis:100%;max-width:100%;min-width:0}.bio-section,.contact-section,.certificate-section{margin-bottom:3rem}.edit-video{height:clamp(200px,70vw,350px)}.modal-container{width:95vw;height:85vh;max-width:100%}.modal-close-btn{top:-40px;width:36px;height:36px;font-size:1.2rem}}