*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#1f1b17;--bg-surface:#2a241e;--bg-elevated:#342d25;--text-main:#f1e7d8;--text-muted:#c3b6a3;--accent:#b49a7a;--accent-strong:#9b8468;--accent-soft:#8f9ba1;--border-soft:#dcc7aa3d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1f1b17;background-color:var(--bg-main);color:#f1e7d8;color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2a241e}::-webkit-scrollbar-thumb{background:#6e6154;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#867565}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:#b49a7a;background:var(--accent);border:1px solid #b49a7a;border:1px solid var(--accent);color:#1f1b17}.btn-primary:hover{background:#9b8468;background:var(--accent-strong);border-color:#9b8468;border-color:var(--accent-strong);box-shadow:none;transform:translateY(-2px)}.btn-secondary{background:#2a241ef2;border:1px solid #dcc7aa3d;border:1px solid var(--border-soft)}.btn-secondary,.btn-secondary:hover{color:#f1e7d8;color:var(--text-main)}.btn-secondary:hover{background:#3a332b;border-color:#dcc7aa66}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section{padding:80px 0}.seperator{background:none;background-image:repeating-linear-gradient(90deg,#b49a7a,#b49a7a 4px,#0000 0,#0000 16px);background-image:repeating-linear-gradient(to right,var(--accent),var(--accent) 4px,#0000 4px,#0000 16px);background-position:50%;background-repeat:repeat-x;background-size:20px 1px;border:none;display:block;height:0;height:1px;margin:2rem 0;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@media (max-width:768px){.section{padding:60px 0}.container{padding:0 16px}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f1b17ed;left:0;padding:1rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{background:#1f1b17fa;box-shadow:0 2px 20px #0000004d}.nav-content{align-items:center;display:flex;justify-content:space-between}.nav-logo h3{color:#fff;font-size:1.5rem;font-weight:700}.nav-logo{text-decoration:none}.nav-links{align-items:center;display:flex;gap:2rem}.nav-link{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:after{background:#b49a7a;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-link:hover{color:#d8c3a7}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:30px;justify-content:space-around;padding:0;width:30px}.mobile-menu-toggle span{background:#fff;border-radius:2px;display:block;height:3px;transition:all .3s ease;width:100%}@media (max-width:768px){.mobile-menu-toggle{display:flex}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;flex-direction:column;left:0;padding:2rem;position:fixed;right:0;top:80px;transform:translateX(-100%);transition:transform .3s ease}.nav-links.mobile-open{transform:translateX(0)}.nav-link{font-size:1.1rem;padding:1rem 0}}.hero{padding-top:92px}.hero-background{background:#3f362d4d;bottom:0;left:0;position:absolute;right:0;top:0}.headshot{border-radius:8%;box-shadow:0 8px 10px #00000080;display:block;height:400px;margin:2rem auto;object-fit:cover;position:static;transition:transform .3s ease;width:300px}.hero-overlay{background:#14100c59;bottom:0;left:0;position:absolute;right:0;top:0}.hero-content{text-align:center}.hero h1{color:#fff;line-height:1.2}.highlight{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#efe4d5;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.hero-description{color:#cfc0ab;font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:3rem}.hero-buttons .btn-primary{background:#b49a7a;border:1px solid #b49a7a;color:#1f1b17}.hero-buttons .btn-primary:hover{background:#9b8468;border-color:#9b8468;box-shadow:none}.hero-buttons .btn-secondary{background:#373028e6;border:1px solid #8f9ba1;color:#efe4d5}.hero-buttons .btn-secondary:hover{background:#443c32f2;border-color:#a0adb2;color:#fff}.hero-social{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.resume-download{align-items:center;color:#cfc0ab;display:flex;font-size:1.2rem;gap:.75rem;justify-content:flex-start;line-height:1.6;margin-top:0;width:auto}.social-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;color:#fff;font-size:1.2rem;height:50px;width:50px}.social-link:hover{background:#fff3;box-shadow:0 10px 25px #0003}@media (max-width:768px){.hero{align-items:flex-start;padding-bottom:2rem;padding-top:110px}.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.4rem}.hero-description,.resume-download{font-size:1.1rem}.hero-buttons{align-items:center;flex-direction:column}.hero-buttons .btn{max-width:280px;width:100%}}@media (max-width:480px){.hero{padding-top:100px}.hero h1{font-size:2rem}.hero-subtitle{font-size:1.2rem}.hero-content{padding:1rem}}.about{background:#231e19;color:#f1e7d8}.section-title{color:#eaf1ed;font-size:3rem;font-weight:700;margin-bottom:3rem;text-align:center}.about-content{margin:0 auto 4rem;max-width:800px;text-align:center}.about-text p{color:#e0e0e0;font-size:1.2rem;line-height:1.8;margin-bottom:1.5rem}.about-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-top:3rem}.stat{text-align:center}.stat h3{color:#b49a7a;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat p{color:#b0b0b0;font-size:1rem;font-weight:500}.skills-section h3{color:#fff;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.skill-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.skill-card:hover{background:#ffffff14;border-color:#dcc7aa52;box-shadow:0 15px 30px #0003;transform:translateY(-5px)}.skill-icon{color:#8f9ba1;display:flex;display:inline-flex;font-size:3rem;justify-content:center;margin-bottom:1rem}.skill-card:hover .skill-icon{animation:spin 1.2s linear infinite}.skill-card h4{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.skill-card p{color:#b0b0b0;font-size:.95rem;line-height:1.6}@media (max-width:768px){.section-title{font-size:2.5rem}.about-stats{gap:2rem}.stat h3{font-size:2rem}.skills-grid{gap:1.5rem;grid-template-columns:1fr}.skill-card{padding:1.5rem}}@media (max-width:480px){.section-title{font-size:2rem}.about-text p{font-size:1.1rem}.about-stats{flex-direction:column;gap:1.5rem}}.projects{background:#1f1b17;color:#f1e7d8}.error-message,.loading{font-size:1.2rem;padding:2rem;text-align:center}.error-message{background:#ff00001a;border:1px solid #ff00004d;border-radius:8px;color:#ff6b6b;margin-bottom:2rem}.projects-carousel{margin:0 auto;max-width:820px;padding:0 4.5rem 3rem;position:relative}.project-card{border-radius:15px;overflow:hidden}.project-card:hover{border-color:#dcc7aa52}.project-image-container{height:300px;overflow:hidden;position:relative}.project-image{background:#0a0a0a;height:500px;object-fit:contain;object-position:top center;transition:transform .3s ease;width:400px}.project-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.project-link:hover{background:#9b8468;transform:scale(1.1)}.project-content{padding:1.5rem}.project-title{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:.8rem}.project-description{color:#c3b6a3;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#b49a7a33;border:1px solid #b49a7a57;border-radius:15px;color:#e0c9aa;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.project-btn{text-align:center;width:100%}.carousel-control{align-items:center;background:#0f0f0fcc;border:1px solid #ffffff2e;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:46px;justify-content:center;position:absolute;top:44%;transition:all .25s ease;width:46px;z-index:2}.carousel-control:hover{background:#9b8468;border-color:#9b8468}.carousel-control-left{left:0}.carousel-control-right{right:0}.carousel-indicators{align-items:center;display:flex;gap:.6rem;justify-content:center;margin-top:1.25rem}.carousel-dot{background:#ffffff47;border:0;border-radius:50%;cursor:pointer;height:11px;transition:transform .2s ease,background .2s ease;width:11px}.carousel-dot.active{background:#b49a7a;transform:scale(1.2)}.no-projects{color:#c3b6a3;font-size:1.1rem;padding:3rem;text-align:center}@media (max-width:768px){.projects-carousel{padding:0 0 2.5rem}.project-image-container{height:300px}.carousel-control{bottom:0;top:auto}.carousel-control-left{left:calc(50% - 68px)}.carousel-control-right{right:calc(50% - 68px)}}@media (max-width:480px){.project-content{padding:1.25rem}.project-image-container{height:300px}}.contact{background:#231e19;color:#f1e7d8}.contact .section-title{-webkit-text-fill-color:#f2f4f8;background:none;color:#f2f4f8}.contact-subtitle{color:#b0b0b0;font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.contact-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1000px}.contact-info h3{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.contact-info p{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-method{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.contact-method:hover{background:#ffffff14;border-color:#667eea4d}.contact-icon{align-items:center;background:#8f9ba1;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;width:50px}.contact-details h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.contact-details a,.contact-details span{color:#b0b0b0;text-decoration:none;transition:color .3s ease}.contact-details a:hover{color:#d8c3a7}.contact-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{border-radius:8px;font-family:inherit;padding:12px 16px;resize:vertical}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:#b49a7a;box-shadow:0 0 0 3px #b49a7a2e}.form-group input:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.submit-status{border-radius:8px;font-weight:500;margin-bottom:1rem;padding:1rem;text-align:center}.submit-status.success{background:#4caf5033;border:1px solid #4caf5066;color:#4caf50}.submit-status.error{background:#f4433633;border:1px solid #f4433666;color:#f44336}.submit-btn{align-items:center;background:#b49a7a;border:1px solid #b49a7a;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){background:#9b8468;border-color:#9b8468;box-shadow:none}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.submit-btn.submitting{background:#555}.submit-icon{transition:transform .3s ease}.submit-btn:hover:not(:disabled) .submit-icon{transform:translateX(3px)}@media (max-width:768px){.contact-content{gap:2rem}.contact-content,.form-row{grid-template-columns:1fr}.contact-form{padding:1.5rem}.contact-method{padding:.8rem}}@media (max-width:480px){.contact-info h3{font-size:1.5rem}.contact-form{padding:1rem}.form-group input,.form-group textarea{padding:10px 12px}}.footer{background:#1f1b17;border-top:1px solid #ffffff1a;color:#f1e7d8;padding:3rem 0 1rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr;margin-bottom:2rem}.footer-section h3,.footer-section h4{color:#fff;font-weight:600;margin-bottom:1rem}.footer-logo{color:#eaf1ed;font-size:1.8rem;font-weight:700}.footer-description{color:#b0b0b0;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.footer-social{display:flex;gap:1rem}.social-link{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;color:#b0b0b0;display:flex;font-size:1.1rem;height:45px;justify-content:center;text-decoration:none;transition:all .3s ease;width:45px}.social-link:hover{background:#b49a7a;box-shadow:0 8px 20px #b49a7a40;color:#fff;transform:translateY(-3px)}.footer-links{list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links button{background:none;border:none;color:#b0b0b0;cursor:pointer;font-size:1rem;padding:0;text-align:left;transition:color .3s ease}.footer-links button:hover{color:#d8c3a7}.footer-contact p{color:#b0b0b0;font-size:.95rem;margin-bottom:.5rem}.footer-divider{background:#bacfc633;height:1px;margin:2rem 0 1rem}.footer-bottom-content{align-items:center;color:#888;display:flex;font-size:.9rem;justify-content:space-between;text-align:center}.footer-bottom-content p{align-items:center;display:flex;gap:.3rem}.heart{animation:heartbeat 2s infinite;color:#e74c3c}@keyframes heartbeat{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.1)}}.back-to-top{background:#0000;border:1px solid #b49a7a8c;border-radius:20px;color:#d8c3a7;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .3s ease}.back-to-top:hover{background:#9b8468;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.footer-content{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-bottom-content{flex-direction:column;gap:1rem}.footer-links button{text-align:center}}@media (max-width:480px){.footer{padding:2rem 0 1rem}.footer-social{justify-content:center}.footer-section h3,.footer-section h4{font-size:1.2rem}}.project-detail-container{background:#1f1b17;color:#f1e7d8;min-height:100vh;padding-top:100px}.project-detail{margin:0 auto;max-width:1100px;padding:2rem}.error-detail,.loading-detail{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #b49a7a4d;border-radius:50%;border-top-color:#b49a7a;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.project-header{display:grid;margin-bottom:3rem}.back-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#b0b0b0;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;justify-self:start;margin-bottom:2rem;padding:.8rem 1.2rem;text-decoration:none;transition:all .3s ease}.back-button:hover{background:#b49a7a33;border-color:#b49a7a80;color:#d8c3a7}.project-title-section{margin:0 auto;max-width:800px;text-align:center}.project-title{color:#f2f4f8;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.project-subtitle{color:#b0b0b0;font-size:1.3rem;line-height:1.6}.project-image-section{border-radius:15px;box-shadow:0 20px 40px #0000004d;margin-bottom:3rem;overflow:hidden;position:relative}.project-main-image{display:block;height:460px;object-fit:cover;object-position:top center;width:100%}.project-details-grid{grid-gap:2.5rem;align-items:start;display:grid;gap:2.5rem;grid-template-columns:2fr 1fr}.project-section{margin-bottom:2.5rem}.project-section h3{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:600;gap:.8rem;margin-bottom:1rem}.project-long-description{color:#e0e0e0;font-size:1.1rem;line-height:1.8;text-align:left}.tech-list{display:flex;flex-wrap:wrap;gap:.8rem}.tech-tag-detail{background:#b49a7a33;border:1px solid #b49a7a57;border-radius:20px;color:#e0c9aa;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem}.project-sidebar{position:-webkit-sticky;position:sticky;top:120px}.project-actions{display:flex;flex-direction:column;gap:1rem}.error-detail .btn-primary,.project-actions .btn-primary{background:#b49a7a;color:#fff}.error-detail .btn-primary:hover,.project-actions .btn-primary:hover{background:#9b8468;box-shadow:none}.project-actions .btn-secondary{background:#332d27;border:1px solid #8f9ba1;color:#efe4d5}.project-actions .btn-secondary:hover{background:#413930;border-color:#a0adb2;color:#fff}.action-btn{align-items:center;display:flex;font-weight:600;gap:.5rem;justify-content:center;text-decoration:none}@media (max-width:768px){.project-detail{padding:1rem}.project-title{font-size:2.2rem}.project-subtitle{font-size:1.1rem}.project-details-grid{gap:2rem;grid-template-columns:1fr}.project-sidebar{position:static}.project-main-image{height:300px}}@media (max-width:480px){.project-title{font-size:1.8rem}}.App{text-align:center}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;left:0;padding:1rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}nav.scrolled{background:#000000f2;box-shadow:0 2px 20px #0000004d}.hero{align-items:center;background:#2a241e;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:25px;position:relative}.hero:before{background:#0000004d;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{max-width:800px;padding:2rem;position:relative;z-index:2}.hero h1{color:#eaf1ed;font-size:4rem;font-weight:700;margin-bottom:1rem}.hero p{font-size:1.5rem;margin-bottom:2rem;opacity:.9}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:1rem;padding:1.5rem;transition:all .3s ease}.project-card:hover{border-color:#667eea80;box-shadow:0 20px 40px #0000004d;transform:translateY(-10px)}.project-image{border-radius:8px;height:300px;margin-bottom:1rem;object-fit:cover;width:100%}.contact-form{margin:0 auto;max-width:600px}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{color:#f0f0f0;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:6px;color:#fff;font-size:16px;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}@media (max-width:768px){.hero{align-items:flex-start;padding-bottom:2rem;padding-top:110px}.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.project-card{margin:.5rem}}@media (max-width:480px){.hero{padding-top:100px}}
/*# sourceMappingURL=main.b92dbfe8.css.map*/