body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.portfolio-container{min-height:100vh;transition:background-color .3s,color .3s}.portfolio-container.dark{background-color:#111827;color:#fff}.portfolio-container.light{background-color:#f9fafb;color:#111827}.nav-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;width:100%;z-index:50}.nav-container.dark{background-color:#111827cc}.nav-container.light{background-color:#fffc}.nav-content{margin:0 auto;max-width:80rem;padding:0 1.5rem}.nav-wrapper{items-center:center;display:flex;height:4rem;justify-content:space-between}.logo-container{align-items:center;display:flex;gap:.5rem}.logo-icon{color:#f97316;height:2rem;width:2rem}.logo-text{font-weight:700}.desktop-menu{align-items:center;display:none;gap:1.5rem}@media (min-width:768px){.desktop-menu{display:flex}}.desktop-menu a{transition:color .3s}.desktop-menu a:hover{color:#f97316}.theme-toggle{border-radius:9999px;padding:.5rem;transition:background-color .3s}.theme-toggle:hover{background-color:#1f2937}.mobile-menu-button{background-color:initial;border:none;cursor:pointer;display:block;outline:none}.mobile-menu-button img,.mobile-menu-button svg{fill:#fff;color:#fff;display:block;filter:brightness(0) invert(1);height:32px;width:32px}@media (min-width:768px){.mobile-menu-button{display:none}}.mobile-menu{bottom:0;height:100vh;left:0;padding-top:4rem;position:fixed;right:0;top:0;width:100%;z-index:40}.dark .mobile-menu,.mobile-menu{background-color:#161b22}.light .mobile-menu{background-color:#fff}.mobile-menu-content{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.mobile-menu-content a{font-size:1.125rem;padding:.5rem 0;text-decoration:none;transition:color .3s}.dark .mobile-menu-content a{color:#fff}.dark .mobile-menu-content a.active,.dark .mobile-menu-content a:hover{color:#f97316}.light .mobile-menu-content a{color:#111827}.light .mobile-menu-content a.active,.light .mobile-menu-content a:hover{color:#f97316}.hero-section{padding:6rem 1.5rem 4rem}.hero-content{margin:0 auto;max-width:80rem}.hero-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem}@media (min-width:768px){.hero-grid{grid-template-columns:repeat(2,1fr)}}.certification-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.dark .certification-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#f9731626,#25262bb3);border:1px solid #f9731633;box-shadow:0 0 15px #f9731626;color:#f97316}.dark .certification-badge:hover{background:linear-gradient(180deg,#f9731633,#25262bcc);box-shadow:0 0 20px #f9731633}.dark .certification-badge svg{color:#f97316}.light .certification-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#f9731633,#f973161a);border:1px solid #f973164d;box-shadow:0 0 15px #f9731633;color:#ea580c}.light .certification-badge:hover{background:linear-gradient(180deg,#f9731640,#f9731626);box-shadow:0 0 20px #f9731640}.light .certification-badge svg{color:#ea580c}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.hero-subtitle{color:#f97316;display:block;font-size:1.5rem;margin-top:.5rem}.hero-description{font-size:1.125rem;margin-bottom:2rem;opacity:.8}.hero-buttons{display:flex;gap:1rem}.primary-button{background-color:#f97316;border-radius:.5rem;color:#fff;padding:.75rem 1.5rem;transition:background-color .3s}.primary-button:hover{background-color:#ea580c}.secondary-button{align-items:center;border-radius:.5rem;display:inline-flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.dark .secondary-button{border:1px solid #374151;color:#fff}.dark .secondary-button:hover{background:#ffffff1a;border-color:#4b5563}.dark .secondary-button svg{color:#fff}.light .secondary-button{border:1px solid #d1d5db;color:#111827}.light .secondary-button:hover{background:#0000000d;border-color:#9ca3af}.light .secondary-button svg{color:#111827}.services-section{padding:4rem 1.5rem}.section-title{align-items:center;display:flex;font-size:2.25rem;font-weight:700;justify-content:center;margin-bottom:3rem;padding-bottom:1rem;position:relative;text-align:center;width:100%}.section-title:after{border-radius:2px;bottom:0;content:"";height:3px;left:50%;min-width:60px;padding:0 1rem;position:absolute;transform:translateX(-50%);white-space:nowrap;width:fit-content;width:auto}.dark .section-title:after,.light .section-title:after,.section-title:after{background-color:#f97316}.dark .section-title{color:#fff}.section-content{margin:0 auto;max-width:80rem;padding:0 1.5rem;text-align:center}.services-grid{grid-gap:2rem;display:grid;gap:2rem}@media (min-width:768px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{border-radius:1rem;padding:1.5rem;position:relative;transition:transform .3s}.dark .service-card{background-color:#1f2937}.light .service-card{background-color:#fff}.service-card:hover{transform:scale(1.05)}.service-card-gradient{border-radius:1rem;inset:0;opacity:0;position:absolute;transition:opacity .3s}.service-card:hover .service-card-gradient{opacity:.1}.service-icon{color:#f97316;height:3rem;margin-bottom:1rem;width:3rem}.service-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.service-description{opacity:.8}.projects-section{padding:4rem 1.5rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{border-radius:1rem;overflow:hidden}.dark .project-card{background-color:#1f2937}.light .project-card{background-color:#fff}.project-image{height:16rem}.project-content{padding:1.5rem}.project-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.project-description{margin-bottom:1rem;opacity:.8}.project-services{margin-bottom:1.5rem}.services-title{color:#f97316;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.services-tags{display:flex;flex-wrap:wrap;gap:.5rem}.service-tag{background-color:#f973161a;border-radius:9999px;color:#f97316;font-size:.875rem;padding:.25rem .75rem}.project-architecture{margin-bottom:1.5rem}.architecture-title{color:#f97316;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.architecture-flow{align-items:center;display:flex;gap:.5rem}.architecture-arrow{height:1rem;opacity:.5;width:1rem}.project-link{align-items:center;color:#f97316;display:inline-flex;gap:.5rem;transition:color .3s}.project-link:hover{color:#ea580c}.contact-section{padding:4rem 1.5rem 500px}.contact-container{margin:0 auto;max-width:48rem}.contact-card{border-radius:1rem}.dark .contact-card{background-color:#1f2937}.light .contact-card{background-color:#fff}.contact-content{padding:2rem}.contact-header{text-align:center}.contact-icon{color:#f97316;height:3rem;margin:0 auto 1rem;width:3rem}.contact-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.contact-description{margin-bottom:2rem;opacity:.8}.contact-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width:768px){.contact-buttons{flex-direction:row}}.contact-primary-button{align-items:center;background-color:#f97316;border-radius:.5rem;color:#fff;display:inline-flex;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:background-color .3s}.contact-primary-button:hover{background-color:#ea580c}.contact-secondary-button{align-items:center;border-radius:.5rem;display:inline-flex;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:border-color .3s}.dark .contact-secondary-button{border:1px solid #374151}.dark .contact-secondary-button:hover{border-color:#4b5563}.light .contact-secondary-button{border:1px solid #d1d5db}.light .contact-secondary-button:hover{border-color:#9ca3af}.hero-image{border-radius:8px;height:400px;margin-left:auto;object-fit:cover;width:350px}@media (max-width:768px){.hero-image{height:320px;width:280px}}@media (max-width:480px){.hero-image{height:240px;width:200px}}.project-image{background:#f5f5f5;height:auto;object-fit:contain;padding:1rem}.certifications-section{background-color:var(--background-secondary);padding:4rem 0}.certifications-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.certification-card{align-items:center;background:var(--background-primary);border:1px solid var(--border-color);border-radius:1rem;color:inherit;display:flex;flex-direction:column;padding:2rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.certification-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-4px)}.certification-content{align-items:center;display:flex;flex-direction:column;text-align:center}.certification-icon{color:var(--primary-color);height:48px;margin-bottom:1rem;width:48px}.certification-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.certification-date,.certification-issuer{color:var(--text-secondary);margin-bottom:.5rem}.certification-date{font-size:.875rem}.certification-id{color:var(--text-tertiary);font-size:.875rem}.certification-badge-logo{background:#0000;height:180px;margin-bottom:1.5rem;object-fit:contain;width:180px}.status-badge{background-color:#2563eb;border-radius:9999px;color:#fff;font-size:.875rem;margin:.5rem 0;padding:.25rem .75rem}.certification-card.in-progress{border:2px dashed var(--border-color);opacity:.9}.view-credential{color:#2563eb;font-size:.875rem;margin-top:.5rem;text-decoration:none}.view-credential:hover{text-decoration:underline}.desktop-menu a{padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.dark .desktop-menu a{color:#fff}.light .desktop-menu a{color:#111827}.desktop-menu a:after{background-color:#f97316;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.desktop-menu a:hover:after{width:100%}.desktop-menu a.active{color:#f97316!important}.desktop-menu a.active:after{width:100%}.logo-text{color:#fff;color:var(--text-color,#fff);font-size:1.25rem;font-weight:600;text-decoration:none;transition:all .2s ease-in-out}.light .logo-text{color:#000}.dark .logo-text{color:#fff}.logo-text:hover{opacity:.8}.project-image-container{border-radius:8px 8px 0 0;cursor:zoom-in;overflow:hidden;position:relative;z-index:1}.project-image{height:220px;object-fit:cover;pointer-events:none;transition:transform .3s ease;width:100%}.image-overlay{align-items:center;background-color:#0006;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.zoom-icon{color:#fff;height:32px;width:32px}.project-image-container:hover .project-image{transform:scale(1.05)}.project-image-container:hover .image-overlay{opacity:1}.gdrive-modal-overlay{background-color:#000000d9;display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.gdrive-modal-header{align-items:center;background-color:#202124e6;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.gdrive-modal-title{font-size:16px;font-weight:500;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gdrive-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.gdrive-close-button:hover{background-color:#ffffff1a}.close-icon{height:20px;width:20px}.gdrive-modal-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:0 48px}.gdrive-modal-image{box-shadow:0 4px 20px #0000004d;max-height:calc(100vh - 120px);max-width:100%;object-fit:contain}.gdrive-modal-footer{align-items:center;background-color:#202124e6;border-top:1px solid #ffffff1a;color:#fff;display:flex;justify-content:center;padding:16px}.gdrive-image-counter{color:#ffffffb3;font-size:14px}.gdrive-modal-overlay{animation:gdriveModalFadeIn .2s ease}@keyframes gdriveModalFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.gdrive-modal-content{padding:0 16px}.gdrive-modal-title{font-size:14px;max-width:60%}}
/*# sourceMappingURL=main.b83d1749.css.map*/