:root{--page-bg:#11100e;--surface:#1a1916;--surface-muted:#222019;--surface-strong:#f1eee7;--text:#f3f0e8;--text-muted:#9e998f;--border:#f1eee71a;--shadow-sm:0 14px 36px #00000038;--shadow-md:0 26px 70px #00000052;--accent:#dd7a2f;--accent-strong:#f08a3c;--accent-warm:#c6df6a;--accent-coral:#ee6d4c;--radius:8px;--section-x:clamp(1.25rem,4vw,4rem);--section-y:clamp(4rem,8vw,6rem);--content-max:1180px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#11100e;background:var(--page-bg);color:#f3f0e8;color:var(--text);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::selection{background:#dd7a2f59}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body,html{max-width:100%;overflow-x:hidden;width:100%}.App{background:radial-gradient(circle at 10% 8%,#dd7a2f2e,#0000 26rem),radial-gradient(circle at 85% 18%,#c6df6a1f,#0000 24rem),linear-gradient(180deg,#11100e,#171511 42%,#11100e);color:var(--text)}.App,.section{min-height:100vh}.section{align-items:flex-start;display:flex;justify-content:center;padding:0}h1,h2,h3,h4{color:var(--text);letter-spacing:0}li,p{color:var(--text-muted)}a{color:inherit}img{max-width:100%}@media only screen and (max-width:769px){.App{background-attachment:scroll}.section{padding:20px}}@media only screen and (min-width:769px){.App{background-attachment:fixed}}.site-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#11100eb8;border-bottom:1px solid var(--border);color:var(--text);left:0;opacity:0;padding:.9rem var(--section-x);position:fixed;top:0;width:100%;z-index:1000}.header-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:var(--content-max)}.brand a{color:var(--text);font-size:.95rem;font-weight:800;letter-spacing:0;text-decoration:none}.navigation ul{background:#f1eee70d;border:1px solid var(--border);border-radius:999px;display:flex;gap:.4rem;list-style:none;padding:.35rem}.navigation a{border-radius:999px;color:var(--text-muted);font-size:.82rem;font-weight:700;padding:.55rem .8rem;position:relative;text-decoration:none;transition:color .2s ease,background .2s ease}.navigation a:hover{background:var(--accent-strong);color:#11100e}@media (max-width:768px){.site-header{padding:.85rem 1rem}.navigation ul{display:none}}.home-container{align-items:center;animation:fadeIn 1.2s ease-in-out forwards;background:linear-gradient(180deg,#11100e33,#11100ef5),radial-gradient(circle at 15% 20%,#dd7a2f2e,#0000 26rem);color:var(--text);display:flex;justify-content:center;min-height:100vh;opacity:0;padding:7rem var(--section-x) 5rem}.content{grid-gap:clamp(2rem,6vw,4.5rem);align-items:center;display:grid;gap:clamp(2rem,6vw,4.5rem);grid-template-columns:minmax(260px,360px) minmax(0,1fr);padding:0;text-align:left;width:min(1120px,100%)}.profile-card{background:#f1eee7;border-radius:var(--radius);box-shadow:var(--shadow-md);color:#11100e;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;min-height:580px;overflow:hidden;padding:1.2rem;position:relative}.profile-card:after,.profile-card:before{border:3px dashed var(--accent);border-radius:50%;content:"";pointer-events:none;position:absolute}.profile-card:before{height:190px;left:-40px;top:-90px;width:190px}.profile-card:after{bottom:90px;height:150px;right:-60px;width:150px}.profile-image-wrap{background:#d7d1c6;border-radius:var(--radius);height:300px;overflow:hidden;position:relative;z-index:1}.profile-image-wrap img{filter:saturate(.86) contrast(1.04);height:100%;object-fit:cover;object-position:center top;width:100%}.title{font-size:clamp(2rem,4vw,2.9rem);font-weight:800;line-height:.96;margin:auto 0 0;position:relative;z-index:1}.name,.title{color:#11100e}.name{display:inline}.profile-summary{color:#11100ead;font-weight:800;line-height:1.15;margin-bottom:1rem;max-width:290px;position:relative;z-index:1}.hero-main{padding-top:2rem}.hero-eyebrow{border:1px solid var(--border);border-radius:999px;color:var(--accent-warm);display:inline-flex;font-size:.8rem;letter-spacing:.08em;margin-bottom:1rem;padding:.55rem .9rem}.hero-eyebrow,.subtitle{font-weight:900;text-transform:uppercase}.subtitle{color:var(--text);font-size:clamp(4.3rem,10vw,9rem);line-height:.86;margin:0 0 1.4rem;max-width:780px}.description{color:var(--text-muted);font-size:1.15rem;font-weight:800;margin:0 0 2rem;max-width:560px}.hero-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:2rem;max-width:640px}.hero-stats div{border-top:1px solid var(--border);padding-top:1rem}.hero-stats strong{color:var(--text);display:block;font-size:clamp(32px,3vw,44px);line-height:.9}.hero-stats span{color:var(--text-muted);display:block;font-size:.82rem;font-weight:900;margin-top:.5rem;text-transform:uppercase}.skills-container{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f1eee70f;border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm);display:flex;height:52px;justify-content:center;margin:0;overflow:hidden;width:min(420px,100%)}.skill{animation:fadeSkill 3s ease-in-out forwards;color:var(--accent-warm);font-size:1.05rem;font-weight:800;opacity:0}@keyframes fadeSkill{0%,to{opacity:0}10%,90%{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.home-container{min-height:92vh;padding-top:6.5rem}.content{grid-template-columns:1fr}.profile-card{min-height:500px}.title{font-size:2.3rem}.subtitle{font-size:4rem}.description{font-size:.95rem}.hero-stats{grid-template-columns:1fr}}.social-icons{display:flex;gap:.8rem;margin-top:1rem}.social-icons,.social-icons a{align-items:center;justify-content:center}.social-icons a{background:#ffffffb8;border:1px solid var(--border);border-radius:999px;box-shadow:0 6px 18px #10182814;color:var(--text);display:inline-flex;height:2.4rem;transition:color .2s ease,transform .2s ease,border .2s ease;width:2.4rem}.social-icons a:focus,.social-icons a:hover{border-color:#0f9f8f47;color:var(--accent-strong);transform:translateY(-2px)}.social-icons a.github-icon{color:var(--text)}.social-icons a.github-icon:focus,.social-icons a.github-icon:hover{color:var(--accent-strong)}.profile-card .social-icons{justify-content:flex-start}.profile-card .social-icons a{background:#11100e0d;border-color:#11100e24;box-shadow:none;color:#11100e}.profile-card .social-icons a:focus,.profile-card .social-icons a:hover{color:var(--accent)}@media only screen and (max-width:769px){.social-icons{font-size:.8rem}}.about-container{display:block;margin:auto;max-width:920px;padding:var(--section-y) var(--section-x)}.about-content{margin-right:0}.about-content h1{color:var(--text);font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.about-content p{color:var(--text-muted);font-size:1rem;line-height:1.75;margin-bottom:1.15rem}@media (max-width:768px){.about-container{padding:var(--section-y) 1.25rem;text-align:left}.about-content{margin-bottom:30px;margin-right:0}}.mystory-container{color:var(--text);margin:auto;max-width:var(--content-max);padding:var(--section-y) var(--section-x)}.mystory-title{color:var(--text);font-size:clamp(2rem,4vw,3rem);margin-bottom:2rem;text-align:left}.mystory-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1.6rem;transition:transform .2s ease,box-shadow .2s ease}.mystory-section:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.mystory-section h2{color:var(--text);font-size:1.25rem;margin-bottom:.7rem}.mystory-section p{color:var(--text-muted);font-size:1rem;line-height:1.7}@media (max-width:768px){.mystory-title{text-align:left}.mystory-section{margin-bottom:1rem}.mystory-section h2{font-size:1.5rem}}.education-skills-container{color:var(--text);margin:auto;max-width:var(--content-max);padding:var(--section-y) var(--section-x)}.education-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem;width:100%}.education-card,.skills-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:2rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.education-card:hover,.skills-section:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.uni-name{color:var(--text);font-size:1.2rem;font-weight:800;margin-bottom:5px}.degree-name{color:var(--accent-strong);font-size:1.2rem;font-style:normal;font-weight:700;margin-bottom:15px}.paragraph{color:var(--text-muted);line-height:1.65;margin-bottom:10px;padding:0}.bolded-title{color:var(--text);font-weight:800}.skill-category-title{color:var(--text);font-size:1.25rem;font-weight:900;margin-bottom:.25rem;margin-top:1.5rem}.skill-category-title:first-child{margin-top:0}.skill-item{gap:1rem;justify-content:space-between;margin-top:1rem}.skill-item,.skill-name-icon{align-items:center;display:flex}.skill-name-icon{color:var(--accent-strong);gap:.65rem}.skill-name{color:var(--text);font-weight:800}.skill-proficiency-advanced,.skill-proficiency-beginner,.skill-proficiency-intermediate{align-self:start;border-radius:999px;font-size:.75rem;font-weight:900;margin-left:auto;padding:.28rem .75rem;text-transform:uppercase;white-space:nowrap}.skill-proficiency-beginner{background-color:#dd7a2f1f;border:1px solid #dd7a2f47;color:var(--accent-strong)}.skill-proficiency-intermediate{background-color:#c6df6a1f;border:1px solid #c6df6a47;color:var(--accent-warm)}.skill-proficiency-advanced{background-color:#ee6d4c1f;border:1px solid #ee6d4c47;color:var(--accent-coral)}.skill-items-list{list-style:inside;margin:5px 0;padding-left:20px}.skill-items-list li{color:var(--text-muted);margin-top:.25rem}@media (max-width:768px){.education-skills-container{padding:var(--section-y) 1.25rem}.education-card,.skills-section{padding:1.5rem}.skill-item{align-items:flex-start;flex-direction:column;gap:.35rem}.skill-proficiency-advanced,.skill-proficiency-beginner,.skill-proficiency-intermediate{margin-left:0}}.section-title{margin-bottom:1.5rem;margin-left:0;padding-left:0;text-align:left}.job-experience-container{margin:auto;max-width:var(--content-max);padding:var(--section-y) var(--section-x);width:100%}.job-experience-list{max-width:1200px;width:100%}.job-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.job-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.job-title{color:var(--text);font-size:1.2rem;font-weight:800;margin-bottom:5px}.company-name{color:var(--accent-strong);font-size:1.2rem;font-weight:700;margin-bottom:15px}.job-card p{color:var(--text-muted);margin-bottom:10px}.job-card ul{list-style:inside;padding-left:20px}.job-card ul li{margin-bottom:5px}@media (max-width:768px){.job-experience-container{padding:var(--section-y) 1.25rem;width:100%}.section-title{text-align:left}.job-card{box-shadow:0 2px 6px #0000001a;padding:1.5rem}}.projects-container{align-items:center;background:var(--surface-muted);display:flex;flex-direction:column;padding:var(--section-y) var(--section-x)}.project-title{color:var(--text);font-size:clamp(2rem,4vw,3rem);margin-bottom:1.5rem;padding-left:0;text-align:left}.project-grid,.project-title{max-width:var(--content-max);width:100%}.project-grid{grid-gap:1.25rem;align-items:flex-start;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--text);height:100%;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.project-visual{aspect-ratio:16/10;background:radial-gradient(circle at 80% 20%,#f1eee733,#0000 7rem),linear-gradient(135deg,#dd7a2f59,#222019eb);border:1px solid #f1eee71a;border-radius:calc(var(--radius) - 2px);display:flex;flex-direction:column;isolation:isolate;justify-content:space-between;margin-bottom:15px;overflow:hidden;padding:1rem;position:relative;width:100%}.project-visual:after,.project-visual:before{content:"";pointer-events:none;position:absolute}.project-visual:before{border:2px dashed #f1eee729;border-radius:50%;inset:1rem;transform:translate(40%,-44%)}.project-visual:after{background:#11100e47;border:1px solid #f1eee71f;border-radius:var(--radius);bottom:1rem;height:42%;right:1rem;width:44%}.project-visual-finance{background:linear-gradient(90deg,#0000 11%,#c6df6a33 11% 13%,#0000 13% 28%,#c6df6a33 28% 31%,#0000 31%),linear-gradient(135deg,#c6df6a47,#222019f0)}.project-visual-voice{background:repeating-linear-gradient(90deg,#f1eee729 0 4px,#0000 4px 16px),linear-gradient(135deg,#dd7a2f61,#222019f0)}.project-visual-bot{background:radial-gradient(circle at 26% 34%,#c6df6a6b,#0000 4rem),linear-gradient(135deg,#5c54be73,#222019f0)}.project-visual-language{background:linear-gradient(135deg,#ee6d4c5c,#222019f0),repeating-linear-gradient(135deg,#f1eee724 0 2px,#0000 2px 18px)}.project-visual-portfolio{background:linear-gradient(90deg,#f1eee729 1px,#0000 0),linear-gradient(180deg,#f1eee71f 1px,#0000 0),linear-gradient(135deg,#dd7a2f47,#222019f0);background-size:auto,24px 24px,auto}.project-visual-database{background:repeating-linear-gradient(0deg,#f1eee721 0 1px,#0000 1px 20px),linear-gradient(135deg,#c6df6a3d,#222019f0)}.project-visual-kicker,.project-visual-label,.project-visual-line{position:relative;z-index:1}.project-visual-kicker{border:1px solid #f1eee72e;border-radius:999px;color:var(--accent-warm);font-size:.72rem;font-weight:900;max-width:100%;padding:.42rem .65rem;text-transform:uppercase;width:-webkit-max-content;width:max-content}.project-visual-label{color:var(--surface-strong);font-size:clamp(3.4rem,8vw,5.5rem);font-weight:900;letter-spacing:0;line-height:.8}.project-visual-line{background:var(--accent);border-radius:999px;height:5px;width:42%}.project-card h2{font-size:1.15rem;line-height:1.25;margin-bottom:.75rem}.project-description{color:var(--text-muted);font-size:1rem;line-height:1.6;margin-bottom:15px}.project-tech-list{list-style:none;margin-bottom:15px;padding:0}.project-tech-item{background:#0f9f8f1a;border:1px solid #0f9f8f2e;color:var(--accent-strong);display:inline-block;font-size:.8rem;margin-bottom:5px;margin-right:5px;padding:5px 10px}.project-link,.project-tech-item{border-radius:999px;font-weight:800}.project-link{align-items:center;background:var(--surface-strong);color:#11100e;display:inline-flex;justify-content:center;padding:.7rem 1rem;text-decoration:none;transition:background .2s ease,transform .2s ease}.project-link:hover{background:var(--accent-strong);color:#11100e;transform:translateY(-1px)}@media (max-width:768px){.project-grid{grid-template-columns:1fr}.projects-container{padding:var(--section-y) 1.25rem}}.contact-section{background:var(--surface);padding:var(--section-y) var(--section-x)}.contact-container{margin:0 auto;max-width:760px;text-align:left}.section-title{color:var(--text);font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.contact-description{color:var(--text-muted);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.contact-form{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:2rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text);display:block;font-weight:800;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#fff;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;padding:.75rem;transition:border .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#0f9f8f8c;box-shadow:0 0 0 4px #0f9f8f1f;outline:none}.form-group textarea{height:150px;resize:vertical}.send-button{background:var(--surface-strong);border:none;border-radius:999px;color:#11100e;cursor:pointer;font-size:1rem;font-weight:800;margin-top:1rem;padding:.75rem 2rem;transition:background .2s ease,transform .2s ease}.send-button:hover{background:var(--accent-strong);color:#11100e;transform:translateY(-1px)}.confirmation-message{color:var(--accent-strong)}.confirmation-message,.error-message{font-weight:700;margin-top:1rem;text-align:center}.error-message{color:var(--accent-coral)}@media (max-width:768px){.contact-section{padding:var(--section-y) 1.25rem}.contact-form{padding:1.25rem}}
/*# sourceMappingURL=main.5667e3a8.css.map*/