code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh;position:relative}.main-content{flex:1 1}:root{--primary-white:#d8ecef;--primary-black:#0a0c16;--brand-color:#73c1c6;--brand-color-hover:#5aa8ac;--text-dark:#333;--text-medium:#666;--text-light:#999;--bg-light:#eee;--bg-white:#fff}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0c16;background-color:var(--primary-black);color:#333;color:var(--text-dark);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}.btn-primary{background:#73c1c6;background:var(--brand-color);color:#0a0c16;color:var(--primary-black)}.btn-primary:hover{background:#5aa8ac;background:var(--brand-color-hover);box-shadow:0 10px 25px #0003}.btn-secondary{background:#0000;border:2px solid #d8ecef;border:2px solid var(--primary-white);color:#d8ecef;color:var(--primary-white)}.btn-secondary:hover{background:#d8ecef;background:var(--primary-white);color:#73c1c6;color:var(--brand-color)}.btn-outline{border:2px solid #73c1c6;color:#73c1c6}.btn-outline:hover{background:#73c1c6;color:#d8ecef}@media (max-width:768px){.container{padding:0 1rem}}.header{color:var(--primary-white);left:0;padding:.8rem 0;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease-in-out;z-index:1000}.header.sticky{transform:translateY(0)}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.logo{color:var(--primary-white);text-decoration:none}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin:0}.nav{display:flex;gap:2rem}.nav-link{border-radius:25px;color:var(--primary-white);font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#1e1e1e80;transform:scale(1.05)}.nav-link.active,.nav-link:active{background:#1e1e1ecc}.nav-link.active{font-weight:800}@media (max-width:768px){.header-container{flex-direction:column;gap:1rem;padding:0 1rem}.nav{gap:1rem}.logo h1{font-size:1.5rem}}.projects-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:3rem}.project-card-link{display:block;flex:0 0 350px;text-decoration:none}.project-card-link:hover .project-card{box-shadow:0 10px 25px #00000026;transform:scale(1.02)}.project-card{background:var(--bg-white);border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-image{height:200px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;width:100%}.project-status{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;text-transform:capitalize;top:1rem}.project-content{display:flex;flex:1 1;flex-direction:column;padding:1rem}.project-content h3{color:var(--text-dark);font-size:1.3rem;margin:0}.project-date{color:var(--brand-color);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem 0;text-transform:uppercase}.project-description{color:var(--text-medium);line-height:1.5;margin-bottom:1rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1rem}.tech-tag{background:var(--bg-light);border-radius:15px;color:var(--text-medium);font-size:.8rem;font-weight:500;padding:.25rem .75rem}.project-link{color:var(--brand-color);font-weight:600;text-decoration:none;transition:color .3s ease}.project-link:hover{color:var(--brand-color-hover)}.project-links{gap:1rem}.project-links .project-link{background:var(--bg-light);border-radius:20px;padding:.5rem 1rem;transition:all .3s ease}.project-links .project-link:hover{background:#e9ecef}.filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.search-box{flex:1 1;max-width:400px;min-width:250px}.search-input{background:var(--bg-white);border:2px solid #e0e0e0;border-radius:25px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:var(--brand-color);outline:none}.no-projects{background:var(--bg-white);border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:3rem;text-align:center}.no-projects h3{color:var(--text-dark);margin-bottom:1rem}.no-projects p{color:var(--text-medium)}@media (max-width:768px){.projects-grid{justify-content:center}.project-card-link{flex:0 0 100%;max-width:400px}.filters{align-items:center;flex-direction:column;margin:auto auto 3rem;max-width:400px}.search-box{max-width:none;width:100%}.project-links{flex-direction:column}.project-links .project-link{text-align:center}}.home{min-height:100vh}.hero{color:var(--primary-white);padding:4rem 0;text-align:center}.hero-content{margin:0 auto;max-width:1000px;padding:0 2rem}.hero-profile{align-items:center;display:flex;gap:3rem;justify-content:center}.hero-image{flex-shrink:0}.profile-pic{border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 10px 30px #0000004d;height:256px;object-fit:cover;width:256px}.hero-text{flex:1 1;max-width:600px;text-align:left}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:1.5rem;font-weight:400;margin-bottom:1.5rem;opacity:.9}.hero-description{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.8}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.btn{border-radius:50px;font-size:1rem;padding:.75rem 2rem}.btn-outline{background:#0000;border:2px solid var(--brand-color);color:var(--brand-color)}.btn-outline:hover{background:var(--brand-color);color:var(--primary-white)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.personal-info{background:var(--bg-light);padding:4rem 0}.personal-info h2{color:var(--text-dark);font-size:2.5rem;margin-bottom:3rem;text-align:center}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-item{background:var(--bg-white);border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2rem}.info-item h3{color:var(--brand-color);font-size:1.3rem;margin-bottom:1rem}.info-item p{color:var(--text-medium);margin-bottom:.5rem}.social-link{color:var(--brand-color);display:inline-block;font-weight:500;margin-right:1rem;text-decoration:none;transition:color .3s ease}.social-link:hover{color:var(--brand-color-hover)}.recent-projects{padding:4rem 0}.recent-projects h2{color:var(--primary-white);font-size:2.5rem;margin-bottom:3rem;text-align:center}.view-all-projects{text-align:center}.certifications{padding:4rem 0}.certifications h2{color:var(--primary-white);font-size:2.5rem;margin-bottom:3rem;text-align:center}.certifications-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.certification-card{background:#ffffff1a;border-radius:15px;padding:.4rem;text-align:center}.certification-card h3{color:var(--primary-white);font-size:1rem;margin-bottom:.5rem}.cert-issuer{color:var(--brand-color);font-weight:600;margin-bottom:.5rem}.cert-date{margin-bottom:.5rem}.cert-date,.cert-id{color:var(--primary-white)}.cert-id{font-size:.9rem;margin-bottom:1rem}.cert-link{color:var(--brand-color);font-weight:600;text-decoration:none;transition:color .3s ease}.cert-link:hover{color:var(--brand-color-hover)}@media (max-width:768px){.container{padding:0 1rem}.hero{padding-bottom:2rem;padding-top:6rem}.hero-profile{flex-direction:column;gap:0}.hero-profile,.hero-text{text-align:center}.profile-pic{height:200px;width:200px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{align-items:center;flex-direction:column}.btn{text-align:center;width:200px}.certifications-grid,.info-grid,.projects-grid{grid-template-columns:1fr}}.projects-page{min-height:100vh;padding:2rem 0}.projects-header{margin-bottom:3rem;text-align:center}.projects-header h1{color:var(--primary-white);font-size:3rem;margin-bottom:1rem}.projects-header p{color:#b8b8b8;font-size:.9rem;margin:0 auto;max-width:600px}.status-filter{min-width:150px}.status-select{background:var(--bg-white);border:2px solid #e0e0e0;border-radius:25px;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.status-select:focus{border-color:var(--brand-color);outline:none}@media (max-width:768px){.projects-page{padding-top:6rem}.projects-header h1{font-size:2rem}.status-filter{max-width:200px;width:100%}.project-content{padding:1.5rem}}.project-detail-page{min-height:100vh;padding-bottom:3rem;padding-top:5rem}.project-header{border-radius:10px;padding:0 1.5rem}.project-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.project-title-section h1{color:var(--primary-white);font-size:2rem;margin:0}.project-status-badge{border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:.4rem .8rem;text-transform:capitalize}.project-date-range{color:var(--brand-color);font-size:1rem;margin:0}.project-images{border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.project-images h2{color:var(--primary-white);font-size:1.5rem;margin-bottom:1rem}.image-gallery{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.image-gallery img{border-radius:24px;height:auto;max-height:400px;max-width:100%;object-fit:contain;transition:transform .3s ease}.image-gallery img:hover{cursor:pointer;transform:scale(1.02)}.project-details{border-radius:10px;padding:0 1.5rem}.details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.description-section h2,.detailed-description h2,.technologies-section h2{color:var(--primary-white);font-size:1.3rem;margin-bottom:.75rem}.description-section p,.detailed-description p{color:var(--primary-white);font-size:1rem;line-height:1.5}.details-sections{display:flex;flex-direction:column;gap:1.5rem}.detail-section{background:#ffffff1a;border-left:3px solid var(--brand-color);border-radius:8px;padding:.5rem}.detail-section h3{color:var(--primary-white);font-size:1.1rem;font-weight:600;margin:0 0 .3rem}.detail-section p{color:var(--primary-white);font-size:.95rem;font-weight:300;line-height:1.5;margin:0}.technologies-list{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:flex-end}.tech-badge{background:linear-gradient(135deg,var(--brand-color) 0,var(--brand-color-hover) 100%);border-radius:15px;color:var(--primary-black);font-size:.7rem;font-weight:500;padding:.2rem .6rem}.project-links-section{border-radius:10px;padding:1.5rem}.project-links-section h2{color:var(--primary-white);font-size:1.5rem;margin-bottom:1rem}.project-links{display:flex;flex-wrap:wrap;gap:.75rem}.project-link-btn{background:linear-gradient(135deg,var(--brand-color) 0,var(--brand-color-hover) 100%);border:none;border-radius:20px;color:var(--primary-white);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s ease}.project-link-btn:hover{box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.not-found{border-radius:10px;padding:3rem 1.5rem;text-align:center}.not-found h1{color:var(--primary-white);font-size:1.8rem;margin-bottom:.75rem}.not-found p{color:var(--primary-white);font-size:1rem;margin-bottom:1.5rem}.btn{border:none;border-radius:25px;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s ease}.modal-overlay{animation:fadeIn .3s ease-out;background:#000000d9;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-content{max-height:90vh;max-width:90vw;position:relative}.modal-image{border-radius:48px;box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:100%;object-fit:contain}.modal-close{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:all .3s ease;width:40px}.modal-close:hover{background:#000000e6;transform:scale(1.1)}.modal-nav{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.modal-nav:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.modal-prev{left:-70px}.modal-next{right:-70px}.modal-counter{background:#000000b3;border-radius:20px;bottom:-40px;color:#fff;font-size:14px;font-weight:500;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.project-title-section{align-items:flex-start;flex-direction:column}.project-title-section h1{font-size:1.8rem}.details-grid,.image-gallery{grid-template-columns:1fr}.project-links{flex-direction:column}.project-link-btn{text-align:center}.project-details,.project-header,.project-images,.project-links-section{padding:1rem}.modal-close{top:-60px}.modal-close,.modal-nav{font-size:20px;height:45px;width:45px}.modal-prev{left:-60px}.modal-next{right:-60px}.modal-counter{bottom:-50px;font-size:12px}}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-label{font-weight:600;margin-bottom:.5rem}.form-input,.form-label,.form-textarea{color:var(--primary-white);font-size:1rem}.form-input,.form-textarea{background-color:#ffffff1a;border:2px solid #0000;border-radius:10px;font-family:inherit;padding:1rem;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{background-color:#ffffff26;border-color:var(--brand-color);box-shadow:0 0 0 3px #73c1c633;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#d8ecef99}.form-textarea{font-family:inherit;min-height:120px;resize:vertical}.form-submit-btn{align-self:flex-start;background:var(--brand-color);border:none;border-radius:25px;color:var(--primary-black);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.form-submit-btn:hover:not(:disabled){background:var(--brand-color-hover);box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.form-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-success-message{background-color:#73c1c61a;border:1px solid var(--brand-color);border-radius:10px;color:var(--brand-color);font-size:1.1rem;font-weight:600;padding:1rem;text-align:center}.validation-error{color:#ff6b6b;font-size:.9rem;font-weight:500;margin-top:.25rem}@media (max-width:768px){.contact-form{gap:1.25rem}.form-input,.form-textarea{padding:.875rem}.form-submit-btn{align-self:stretch;text-align:center}}.contact-page{min-height:100vh;padding:2rem 0}.contact-header{margin-bottom:3rem;text-align:center}.contact-header h1{color:var(--primary-white);font-size:3rem;margin-bottom:1rem}.contact-header p{color:var(--primary-white);font-size:1.1rem;margin:0 auto;max-width:600px}.contact-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.contact-info{border-radius:15px;padding:2rem}.contact-info h2{color:var(--primary-white);font-size:1.8rem;margin-bottom:2rem}.info-cards{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.info-card{border-left:4px solid var(--brand-color);border-radius:10px;padding:1.5rem}.info-card h3{color:var(--brand-color);font-size:1.1rem;margin-bottom:.5rem}.info-card a,.info-card p{color:var(--primary-white);font-size:1rem;margin:0;text-decoration:none}.info-card a:hover{color:var(--brand-color)}.social-links h3{color:var(--text-dark);font-size:1.3rem;margin-bottom:1rem}.social-buttons{display:flex;flex-wrap:wrap;gap:1rem}.social-btn{background:var(--brand-color);border-radius:25px;color:var(--primary-black);display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.contact-form-section{border-radius:15px;padding:2rem}.contact-form-section h2{color:var(--primary-white);font-size:1.8rem;margin-bottom:2rem}.contact-form-section,.contact-info{background-color:#0006}.form-placeholder{border:2px dashed #ddd;border-radius:10px;padding:2rem;text-align:center}.placeholder-content h3{color:var(--brand-color);font-size:1.3rem;margin-bottom:1rem}.placeholder-content p{color:var(--primary-white);line-height:1.6;margin-bottom:1rem}.placeholder-content ul{color:var(--primary-white);margin:1rem auto;max-width:300px;text-align:left}.placeholder-content li{margin-bottom:.5rem;padding-left:1rem}.placeholder-content strong{color:var(--brand-color)}@media (max-width:768px){.contact-page{padding-top:6rem}.contact-header h1{font-size:2rem}.contact-content{gap:2rem;grid-template-columns:1fr}.social-buttons{justify-content:center}.contact-form-section h2,.contact-info h2{font-size:1.5rem;margin-top:0}.contact-form-section,.contact-info{background-color:#1e1e1e80;padding:1.5rem}}.footer{border-top:1px solid var(--primary-white);color:var(--primary-white);margin-top:auto;padding:1rem 0}.footer-container{margin:0 auto;max-width:1200px;padding:0 2rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3{font-size:1.3rem}.footer-section h3,.footer-section h4{font-weight:600;margin-bottom:.5rem;margin-top:0}.footer-section h4{font-size:1.1rem}.footer-section p{line-height:1.5;margin-bottom:.5rem;opacity:.9}.footer-social{display:flex;flex-wrap:wrap;gap:1rem}.footer-social a{background:#ce81471a;border-radius:20px;color:var(--primary-white);font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.footer-social a:hover{background:#ce814733;transform:translateY(-2px)}.footer-bottom{padding-top:1rem;text-align:center}.footer-bottom p{font-size:.9rem;margin:0;opacity:.8}@media (max-width:768px){.footer{padding:2rem 0 1rem}.footer-content{grid-template-columns:1fr;margin-bottom:0;text-align:center}.footer-section.connect{display:none}.footer-social{justify-content:center}}.aurora-container{height:1200px;left:0;position:absolute;top:0;width:100%;z-index:-1}
/*# sourceMappingURL=main.3df69f08.css.map*/