:root{--base:#191724;--surface:#1f1d2e;--overlay:#26233a;--muted:#6e6a86;--text:#e0def4;--love:#eb6f92;--gold:#f6c177;--rose:#ebbcba;--pine:#31748f;--foam:#9ccfd8;--iris:#c4a7e7;--highlight-low:#21202e;--highlight-med:#403d52;--highlight-high:#524f67}*{box-sizing:border-box;margin:0;padding:0}body{background:#191724;background:var(--base);color:#e0def4;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app,body{min-height:100vh}.app{display:flex;flex-direction:column;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory}.content{flex:1 1;margin:0 auto;max-width:800px;padding:2rem;width:100%}.page{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;scroll-snap-align:start}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f1d2e;background:var(--surface);border-bottom:#31748f;border-bottom:var(--pine);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:95%;padding:0 1rem}.nav-logo{align-items:center;background:#0000;border:2px solid #403d52;border:2px solid var(--highlight-med);border-radius:4px;color:#9ccfd8;color:var(--foam);cursor:pointer;display:inline-flex;font-size:1.8rem;font-weight:600;height:40px;justify-content:center;letter-spacing:.5px;padding:0 16px;transition:all .3s ease;width:auto}.nav-logo:hover{border-color:#9ccfd8;border-color:var(--foam);color:#e0def4;color:var(--text);transform:scale(1.05)}.nav-links{flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{background:#0000;border:2px solid #403d52;border:2px solid var(--highlight-med);border-radius:4px;color:#6e6a86;color:var(--muted);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;height:40px;justify-content:center;padding:0;position:relative;text-decoration:none;transition:all .3s ease;width:40px}.nav-link:hover{border-color:#e0def4;border-color:var(--text);color:#e0def4;color:var(--text);transform:scale(1.05)}.nav-link.active{animation:pulse-glow 2s ease-in-out infinite;background:#9ccfd81a;border-color:#9ccfd8;border-color:var(--foam);box-shadow:0 0 20px #9ccfd826;color:#9ccfd8;color:var(--foam);transform:scale(1.05)}.nav-link:after{background:#1f1d2e;background:var(--surface);border:1px solid #403d52;border:1px solid var(--highlight-med);border-radius:4px;box-shadow:0 4px 12px #0000004d;color:#e0def4;color:var(--text);content:attr(data-tooltip);font-size:.75rem;left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;top:calc(100% + 8px);transform:translateX(-50%) scale(.8);transition:all .2s ease;white-space:nowrap}.nav-link:hover:after{opacity:1;transform:translateX(-50%) scale(1)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #9ccfd826}50%{box-shadow:0 0 30px #9ccfd840}}.page h1{font-size:clamp(2.5rem,8vw,8rem)}.page h1,.page h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#31748f,#9ccfd8);background:linear-gradient(135deg,var(--pine),var(--foam));-webkit-background-clip:text;margin-bottom:1rem}.page h2{font-size:clamp(1.8rem,5vw,3rem)}.page p{color:#e0def4;color:var(--text);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.button-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.btn{background:#21202e;background:var(--highlight-low);border:1px solid #403d52;border:1px solid var(--highlight-med);border-radius:8px;color:#e0def4;color:var(--text);cursor:pointer;font-size:1rem;max-width:100%;padding:1rem 1.5rem;text-decoration:none;transition:all .2s;width:50%}.btn:hover{background:#403d52;background:var(--highlight-med);border-color:#524f67;border-color:var(--highlight-high);transform:scale(1.02)}.btn:active{transform:scale(.95)}.btn-primary{background:linear-gradient(135deg,#31748f,#9ccfd8);background:linear-gradient(135deg,var(--pine),var(--foam));border:none;color:#191724;color:var(--base)}.btn-primary:hover{background:linear-gradient(135deg,#ebbcba,#eb6f92);background:linear-gradient(135deg,var(--rose),var(--love));box-shadow:0 0 30px #9ccfd84d}.btn-secondary{background:#21202e;background:var(--highlight-low);border:1px solid #403d52;border:1px solid var(--highlight-med);color:#e0def4;color:var(--text)}.btn-secondary:hover{background:#403d52;background:var(--highlight-med);border-color:#9ccfd8;border-color:var(--foam)}.btn-outline{background:#0000;border:2px solid #eb6f92;border:2px solid var(--love);color:#9ccfd8;color:var(--foam)}.btn-outline:hover{background:#9ccfd81a;border-color:#e0def4;border-color:var(--text);color:#e0def4;color:var(--text)}.btn-small{font-size:.85rem;padding:.5rem 1rem}.btn-medium{font-size:1rem;padding:.8rem 1.5rem}.btn-large{font-size:1.2rem;padding:1rem 2.5rem}.btn-disabled{cursor:not-allowed;opacity:.5}.btn-disabled:hover{box-shadow:none!important;transform:none!important}.contact-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:550px}.contact-buttons .btn{flex:0 1 auto;min-width:-webkit-fit-content;min-width:fit-content;padding:.8rem 2rem;white-space:nowrap;width:auto}.typing-container{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.8;margin:0;min-height:80px;padding:1rem}.typing-text{color:#eb6f92;color:var(--love)}.typing-text:after{animation:blink .7s step-end infinite;content:"|"}@keyframes blink{50%{opacity:0}}.typing-container.narrow{margin:0 auto;max-width:100%;width:100%}.text-placeholder p{font-size:inherit}.experience-card{background:#21202e;background:var(--highlight-low);border-left:4px solid #eb6f92;border-left:4px solid var(--love);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.experience-card .contributions-title{color:#9ccfd8;color:var(--foam);font-size:clamp(1.2rem,3vw,2rem);font-weight:600;margin-bottom:.75rem}.experience-card .contribution-item{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:200px 1fr;padding:.75rem 0}.experience-card .contribution-item:not(:last-child){border-bottom:1px solid #9ccfd8;border-bottom:1px solid var(--foam)}.experience-card .contribution-label{color:#e0def4;color:var(--text);font-weight:700}.experience-card .contribution-desc{color:#e0def4;color:var(--text)}@media (max-width:1024px){.page{padding:1.5rem}.page h1{font-size:clamp(2.5rem,6vw,4rem)}.page h2{font-size:clamp(2rem,4vw,2.8rem)}.page p{word-wrap:break-word;font-size:1rem;overflow-wrap:break-word}}@media (max-width:768px){.page{justify-content:flex-start;padding:80px 1rem 1rem}.page h1{font-size:clamp(2rem,5vw,3rem)}.page h2{font-size:clamp(1.5rem,4vw,2.2rem)}.page p{font-size:.95rem;max-width:100%}.page p,.typing-container{word-wrap:break-word;overflow-wrap:break-word}.typing-container{font-size:clamp(1.2rem,3vw,1.8rem);min-height:60px;padding:.5rem}.text-placeholder{padding:.5rem!important;width:100%!important}.text-placeholder p{word-wrap:break-word;max-width:100%;overflow-wrap:break-word}.nav-container{flex-direction:column;gap:.5rem;padding:0 .5rem}.nav-links{flex-wrap:wrap;gap:.4rem;justify-content:center}.nav-link{font-size:.75rem;height:32px;width:32px}.nav-logo{font-size:1.2rem;height:32px;padding:0 12px;width:auto}.button-grid{gap:.75rem;grid-template-columns:1fr 1fr}.btn{font-size:.9rem;max-width:100%;padding:.75rem 1rem}.contact-buttons{align-items:center;flex-direction:column}.contact-buttons .btn{max-width:250px;text-align:center;width:100%}.experience-card{padding:1rem}.experience-card .contribution-item{gap:.25rem;grid-template-columns:1fr;padding:.5rem 0}.experience-card .contributions-title{font-size:1.2rem}.experience-card .contributions{padding:.75rem}.image-placeholder{height:auto!important;width:100%!important}.page>div[style*="display: flex"]{align-items:center!important;flex-direction:column!important;gap:1rem!important}}@media (max-width:480px){.page{padding:70px .75rem .75rem}.page h1{font-size:clamp(1.8rem,4vw,2.2rem);text-align:center}.page h2{font-size:clamp(1.3rem,3.5vw,1.8rem);text-align:center}.page p{word-wrap:break-word;font-size:.9rem;max-width:100%;overflow-wrap:break-word}.typing-container{font-size:clamp(1rem,2.5vw,1.3rem);min-height:50px;padding:.5rem}.typing-text{word-wrap:break-word;overflow-wrap:break-word}.nav-link{font-size:.65rem;height:28px;width:28px}.nav-logo{font-size:.9rem;height:28px;padding:0 10px}.button-grid{gap:.5rem;grid-template-columns:1fr}.btn{font-size:.85rem;padding:.6rem .8rem}.experience-card{padding:.75rem}.experience-card .contributions{padding:.5rem}.experience-card .contribution-item{padding:.4rem 0}.experience-card .contributions-title{font-size:1rem}.page,.page *,.text-placeholder,.text-placeholder *{word-wrap:break-word;max-width:100%;overflow-wrap:break-word}}@media (max-width:360px){.page h1{font-size:1.5rem}.page h2{font-size:1.1rem}.page p{font-size:.8rem}.typing-container{font-size:.9rem;min-height:40px}.nav-link{font-size:.55rem;height:24px;width:24px}.nav-logo{font-size:.75rem;height:24px;padding:0 8px}}.skills-card{background:#21202e;background:var(--highlight-low);border-left:4px solid #eb6f92;border-left:4px solid var(--love);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.skills-card .skills-title{color:#eb6f92;color:var(--love);font-size:1.3rem;font-weight:600;margin-bottom:.75rem}.skills-card .skill-item{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:180px 1fr;padding:.5rem 0}.skills-card .skill-item:not(:last-child){border-bottom:1px solid #9ccfd8;border-bottom:1px solid var(--foam)}.skills-card .skill-label{font-weight:700}.skills-card .skill-desc,.skills-card .skill-label{color:#e0def4;color:var(--text)}@media (max-width:600px){.skills-card .skill-item{gap:.25rem;grid-template-columns:1fr}}.contact-grid{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 2fr;margin-top:1.5rem}.contact-left,.contact-left .contact-buttons{display:flex;flex-direction:column;gap:.75rem}.contact-left .contact-buttons{margin:0;max-width:100%}.contact-left .contact-buttons .btn{padding:.8rem 1.5rem;text-align:center;width:100%}.contact-right{width:100%}.contact-form{gap:1.25rem}.contact-form,.form-group{display:flex;flex-direction:column;width:100%}.form-group{gap:.35rem}.form-group label{color:#e0def4;color:var(--text);font-size:.9rem;font-weight:500;letter-spacing:.3px}.form-group input,.form-group textarea{background:#21202e;background:var(--highlight-low);border:1px solid #403d52;border:1px solid var(--highlight-med);border-radius:8px;box-sizing:border-box;color:#e0def4;color:var(--text);font-family:inherit;font-size:1rem;padding:.8rem 1rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#9ccfd8;border-color:var(--foam);box-shadow:0 0 0 3px #9ccfd81a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.contact-right .btn{align-self:flex-start;min-width:160px;padding:.8rem 2.5rem}.status-message{color:#9ccfd8;color:var(--foam);font-size:.95rem;margin-top:.5rem}@media (max-width:768px){.contact-grid{gap:2rem;grid-template-columns:1fr}.contact-left .contact-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center}.contact-left .contact-buttons .btn{flex:1 1 120px;width:auto}.contact-right .btn{align-self:center;width:100%}}.underline-link{color:#9ccfd8;color:var(--foam);cursor:pointer;text-decoration:underline;transition:color .2s}.underline-link:hover{color:#eb6f92;color:var(--love)}
/*# sourceMappingURL=main.0f9c9337.css.map*/