@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap";header.mainmenu{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;padding:12px 20px;background-color:#311f2d;color:#c758b6;box-shadow:0 2px 8px #00000026}#projects,#skills{scroll-margin-top:90px}h1.name{font-family:Great Vibes,cursive;font-size:clamp(2rem,8vw,100px);line-height:1;margin:10px 0 0 40px;white-space:nowrap}.button-container{display:flex;flex-wrap:wrap;gap:16px}header.mainmenu .button{display:flex;align-items:center;justify-content:center;color:#fff;background-color:#8b3d81;padding:6px 14px;border-radius:5px;font-size:16px;border:1px solid rgba(255,255,255,.25);cursor:pointer;min-height:40px;white-space:nowrap}header.mainmenu .button:hover{filter:brightness(1.1)}@media (max-width: 768px){header.mainmenu{flex-direction:column;align-items:center;gap:10px}h1.name{font-size:50px;margin:0;text-align:center}.button-container{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}header.mainmenu .button{display:block;width:100%;min-height:40px;text-align:center;font-size:14px;padding:8px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.site-footer{font-size:medium;grid-area:ft;background:#000;color:#fff;text-align:center;padding:10px;height:50px}.main-body{background-color:#61235cfa;background-image:url(https://images.unsplash.com/photo-1637682184683-74e6d34ed72d?q=80&w=2127&auto=format&fit=crop&ixlib=rb-4.0.3);background-size:cover;background-position:center;color:#edf3df;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;isolation:isolate;overflow-x:hidden;min-height:100vh}.main-body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:-1}.container{max-width:1200px;width:100%;padding:0 16px;margin:0 auto}.main-title{margin:16px 0 6px;font-weight:700;letter-spacing:.2px}#topic-select{margin:14px 0;color:#222}.about-me{padding:20px;max-width:800px;margin:20px auto 0;line-height:1.6}.hero-ctas{display:flex;gap:15px;justify-content:center;margin-top:16px}.btn{font:inherit;font-weight:600;display:inline-block;padding:8px 16px;font-size:.95rem;border-radius:5px;background:#8b3d81;color:#fff;text-decoration:none;border:2px solid transparent;transition:background .2s ease,transform .2s ease,color .2s ease,border-color .2s ease;cursor:pointer}.btn:hover{background:#aa4b9b;transform:translateY(-1px)}.btn-outline{background:transparent;border-color:#fff;color:#fff}.btn-outline:hover{background:#fff;color:#000}.projects-section{margin-top:32px}.projects-section h2{margin:0 0 32px}.projects-container{display:grid;gap:28px}.project-card{max-width:100%;width:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,clamp(26vw,360px,380px));gap:clamp(12px,2vw,24px);align-items:center;padding:clamp(12px,2vw,20px);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:clip;justify-self:center}.project-text h3{margin:0 0 8px}.project-desc{margin:0 0 10px;line-height:1.55}.tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 0 10px}.tag{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:transparent;color:inherit;cursor:pointer}.tag:hover{background:#ffffff14}.actions a{display:inline-block;margin-right:12px;margin-top:6px;text-decoration:underline}.project-image-link img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 4px 8px #00000040}.project-image-link,.project-image-link img{display:block;max-width:100%;width:100%;height:auto}#about,#projects,#skills{scroll-margin-top:90px}@media (max-width: 1200px){.project-card{gap:16px;padding:14px}}@media (max-width: 960px){.project-card{grid-template-columns:1fr;text-align:left}.project-image-link{order:-1}}.skills-section h2{margin-top:50px;margin-bottom:24px;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;text-align:center}.box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;justify-items:center;padding:40px 0;max-width:900px;margin:0 auto}.flip-card{background-color:transparent;width:200px;height:200px;padding:10px;perspective:1000px}.flip-card-inner{position:static;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner,.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:15px;padding:10px;box-shadow:0 4px 6px #0003}.flip-card-front{background-color:#e469bb1a;color:#fff;font-weight:700;font-size:18px}.flip-card-back{background-color:#f1f1f1;color:#333;transform:rotateY(180deg);font-size:14px}.cards-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:30px;padding:0 20px;margin:60px auto}.card{display:flex;flex-direction:column;align-items:center;max-width:300px;box-shadow:0 4px 6px #0000001a;border-radius:8px}.card-image{width:100%;height:200px;object-fit:cover}@media (max-width: 900px){.box-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.box-container{grid-template-columns:1fr}}@media (max-width: 883px){.hero-ctas{gap:8px}.main-body .hero-ctas .btn{font-size:.85rem!important;padding:4px 10px!important;min-height:32px!important;border-radius:6px}}h1.name{font-family:Great Vibes,cursive}.educationBody{font-family:Inter,sans-serif;display:flex;background-image:url(https://images.unsplash.com/photo-1637682184683-74e6d34ed72d?q=80&w=2127&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;font-size:25px;text-align:center;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;width:100%;margin:0;padding:40px}.educationWrapper{max-width:1200px;margin:0 auto;display:grid;color:#444}.certifications{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(340px,33vw,420px),1fr));gap:clamp(16px,2vw,24px);margin-top:16px}.certifications img.cert-item{width:100%;aspect-ratio:4 / 3;object-fit:contain;background:transparent;border-radius:12px;display:block;margin:0 auto}.educationFooter{font-size:medium;grid-area:ft;background:#000;color:#fff;text-align:center;padding:10px;height:10px}@media (max-width: 768px){.educationBody .educationWrapper{width:100%;max-width:100%;padding:0 10px;display:flex;flex-direction:column;align-items:center}.educationBody .certifications{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}.educationBody .certifications figure{width:100%;margin:0}.educationBody .cert-item{width:100%;height:auto;display:block}}.certifications figure{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 10px 30px #00000059;padding:14px;margin:0;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.certifications figure:hover{transform:translateY(-2px);box-shadow:0 14px 40px #00000073;border-color:#ffffff26}.certifications figcaption{margin-top:10px;text-align:center;font-size:.95rem;opacity:.85;line-height:1.3}.experience-page .container{width:min(1100px,100%);margin-inline:auto;padding:clamp(16px,3vw,32px)}.experience-page .page-title{margin:0 0 1.25rem}.experience-list{display:grid;grid-template-columns:1fr;gap:clamp(16px,2vw,24px)}.experience-page{--card-bg: #111;--card-border: rgba(255, 255, 255, .08);--card-radius: 16px;--card-shadow: 0 10px 30px rgba(0, 0, 0, .35)}.job-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:clamp(16px,2.2vw,24px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.job-card:hover,.job-card:focus-within{transform:translateY(-2px);box-shadow:0 14px 40px #00000073;border-color:#ffffff26}.job-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.job-title{margin:0;font-size:clamp(1.05rem,1.2vw + .9rem,1.35rem);line-height:1.25}.job-dates{opacity:.8;font-size:.95rem}.job-points{margin:8px 0 0;padding-left:1.1rem}.job-points li{margin:.35rem 0}@media (max-width: 480px){.job-card{padding:16px}.job-dates{width:100%}}.experience-container,.experienceBody,.experience-wrapper,main.experience,#experience{width:min(1100px,100%);margin-inline:auto;padding:clamp(16px,3vw,32px)}.experience-container h3:has(+ul),.experience-container h3:has(+p+ul),.experienceBody h3:has(+ul),.experienceBody h3:has(+p+ul){background:#111;border:1px solid rgba(255,255,255,.08);border-bottom:none;border-radius:16px 16px 0 0;padding:16px 20px 8px;margin-top:16px}.experience-container h3+p:has(+ul),.experienceBody h3+p:has(+ul){background:#111;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);margin:0;padding:0 20px 8px;opacity:.85;font-size:.95rem}.experience-container h3+ul,.experienceContainer h3+ul,.experienceBody h3+ul,.experience-container h3+p+ul,.experienceBody h3+p+ul{background:#111;border:1px solid rgba(255,255,255,.08);border-top:none;border-radius:0 0 16px 16px;box-shadow:0 10px 30px #00000059;padding:10px 28px 16px;margin-top:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.experience-container h3+ul:hover,.experienceBody h3+ul:hover,.experience-container h3+p+ul:hover,.experienceBody h3+p+ul:hover{transform:translateY(-2px);box-shadow:0 14px 40px #00000073;border-color:#ffffff26}.experience-container h3,.experienceBody h3{margin:0;font-size:clamp(1.05rem,1.2vw + .9rem,1.35rem);line-height:1.25}.experience-container ul,.experienceBody ul{margin:0;padding-left:1.1rem}.experience-container li,.experienceBody li{margin:.35rem 0}@media (max-width: 480px){.experience-container,.experienceBody{padding:16px}}.experiencePage .experienceContent{width:min(1100px,100%);margin-inline:auto;padding:clamp(16px,3vw,32px)}.experiencePage .experienceContent>h2{margin:0 0 1.25rem}.experienceItem{--card-bg: #111;--card-border: rgba(255, 255, 255, .08);--card-radius: 16px;--card-shadow: 0 10px 30px rgba(0, 0, 0, .35);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:clamp(16px,2.2vw,24px) clamp(18px,3vw,28px);position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.experienceItem:hover,.experienceItem:focus-within{transform:translateY(-2px);box-shadow:0 14px 40px #00000073;border-color:#ffffff26}.experienceItem+.experienceItem{margin-top:clamp(16px,2vw,24px)}.experienceItem h3{margin:0 0 6px;font-size:clamp(1.05rem,1.2vw + .9rem,1.35rem);line-height:1.25}.experienceItem .date{position:absolute;top:16px;right:20px;opacity:.85;font-size:.95rem}.experienceItem ul{margin:8px 0 0;padding-left:1.1rem}.experienceItem li{margin:.35rem 0}@media (max-width: 560px){.experienceItem .date{position:static;display:block;margin:2px 0 6px}}.contact-page{display:grid;place-items:center;padding:32px 16px 64px}.contact-hero{max-width:680px;width:100%;text-align:center}.contact-hero h2{margin:0 0 8px;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700}.contact-intro{margin:0 auto 16px;color:#e9e9e9;line-height:1.5;max-width:56ch}.contact-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:12px 0 8px}.contact-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:6px;background:#8b3d81;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.25);font-weight:600}.contact-quote{margin:18px auto 0;max-width:60ch;font-size:.95rem;opacity:.85}@media (max-width: 480px){.contact-actions .btn{font-size:.95rem;padding:10px 14px;min-width:44%}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{margin:0;padding:0;background-color:#0b0b0c;color:#eee;line-height:1.6}:root{font-family:Inter,sans-serif;font-size:16px}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit;cursor:pointer}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:12px;top:12px;background:#fff;color:#000;padding:8px 12px;border-radius:6px;z-index:2000;text-decoration:none;outline:2px solid #000}#root{display:flex;flex-direction:column;min-height:100%}main{flex:1}footer{margin-top:auto;text-align:center;padding:12px 0;background:#000;color:#fff}