@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Cinzel:wght@700&display=swap";:root{--primary-bg:#0f0f0f;--accent:#e2c275;--accent-glow:#ffe9a7;--ivory:ivory;--text-main:#f5f5f5;--text-muted:#b3b3b3;--card-bg:rgba(40,40,40,.95);--border-radius:16px;--shadow:0 4px 32px rgba(30,20,0,.1)}body,html{height:100%;margin:0;padding:0;scroll-behavior:smooth}#app{display:flex;flex-direction:column;min-height:100vh}.nav-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px}.hamburger,.nav-container{position:relative}.hamburger{background:none;border:none;cursor:pointer;display:none;height:32px;width:32px;z-index:11}.hamburger-lines{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.bar{border-radius:2px;height:3px;transition:transform .3s ease,opacity .3s ease;width:100%}.bar,.bar.top{background:var(--accent-glow)}.bar.top{transform-origin:top left}.bar.bottom{background:var(--accent-glow);transform-origin:bottom left}.hamburger span:before{top:-10px}.hamburger span:after{top:10px}.hamburger span.open{background:transparent}.hamburger span.open:before{top:0;transform:rotate(45deg)}.hamburger span.open:after{top:0;transform:rotate(-45deg)}.nav-links{display:flex;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}.nav-links li a{color:var(--accent);font-family:Cinzel,serif;font-weight:600;text-decoration:none;transition:color .2s ease}.nav-links li a:hover{color:var(--accent-glow)}@media (max-width:768px){.hamburger{display:block}.nav-container{justify-content:space-between}.nav-links{background:#0a0a0af2;flex-direction:column;gap:1rem;left:0;opacity:0;padding:1rem 2rem;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-20px);transition:all .3s ease;width:100%}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0);z-index:10}}.main-bg{background:radial-gradient(ellipse at center,#1a1a1a 0,#0f0f0f 60%);background-image:linear-gradient(180deg,#1e1e1e,#0c0c0c);color:var(--text-main);display:flex;flex:1;flex-direction:column;font-family:Cinzel,serif;overflow-x:hidden;position:relative;width:100%;z-index:0}.main-bg:before{background:linear-gradient(135deg,#ffffff08,#ffffff03 50%,#ffffff08);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.sticky-nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0ad9;border-bottom:1px solid hsla(0,0%,100%,.05);padding:1rem 2vw;position:fixed;top:0;width:100%;z-index:10}.sticky-nav ul{display:flex;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}.sticky-nav a{color:var(--accent);font-family:Cinzel,sans-serif;font-weight:600;text-decoration:none;transition:color .2s ease}.sticky-nav a:hover{color:var(--accent-glow)}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 16px var(--accent-glow)) brightness(1.1)}50%{filter:drop-shadow(0 0 32px var(--accent)) brightness(1.3)}}.logo.animate-glow{animation:glowPulse 3.2s ease-in-out infinite}.hero{padding:5rem 0 3rem;position:relative;text-align:center;z-index:2}.logo{margin-bottom:1.5rem;width:120px}.hero h1{color:var(--accent);font-size:2.5rem;font-weight:700;letter-spacing:.02em;margin-bottom:1rem}.subtitle{color:var(--text-muted);font-family:Inter,sans-serif;font-size:1.2rem;margin:0 auto;max-width:75%;text-align:center}.scroll-reveal{animation:fadeInUp 1s ease-out forwards;animation-delay:.3s;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.portfolio-section{padding:0 2vw}.portfolio-section h2{color:var(--accent);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.portfolio-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:5rem}.portfolio-card{background:var(--card-bg);border:1.5px solid hsla(42,65%,67%,.1);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.portfolio-card a{text-decoration:none}.portfolio-card:hover{border-color:var(--accent);box-shadow:0 12px 32px #e2c17426;transform:translateY(-6px) scale(1.025)}.portfolio-title{color:var(--accent);font-weight:600;text-align:center}.portfolio-status{color:var(--text-muted);font-family:Inter,sans-serif;text-align:center}.about-section,.contact-section,.home-section,.mission-section,.portfolio-section,.services-section{background:linear-gradient(180deg,#181818 0,#121212);padding:4rem 2rem;position:relative;text-align:center;z-index:2}.section-divider{background:linear-gradient(180deg,#ffffff08,#fff0);height:80px;margin-top:-40px;opacity:.2;width:100%;z-index:1}.content-box a{color:var(--accent);font-family:Inter,sans-serif;font-weight:600;text-decoration:none;transition:color .2s ease}.content-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#232323d9;border:1px solid hsla(42,65%,67%,.1);border-radius:var(--border-radius);box-shadow:var(--shadow);margin:0 auto;max-width:860px;padding:2rem}.services-section h2{color:var(--accent);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.services-grid{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:4rem auto;max-width:1200px}.service-card{background:var(--card-bg);border:1.5px solid hsla(42,65%,67%,.1);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;padding:2.5rem;position:relative;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.service-card:before{background:linear-gradient(90deg,var(--accent),var(--accent-glow));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.service-card:hover{border-color:var(--accent);box-shadow:0 16px 40px #e2c17433;transform:translateY(-8px) scale(1.02)}.service-card:hover:before{transform:scaleX(1)}.service-icon{display:block;font-size:3rem;margin-bottom:1.5rem;text-align:center}.service-card h3{color:var(--accent);font-family:Cinzel,serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.service-description{color:var(--text-muted);font-family:Inter,sans-serif;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.service-features{list-style:none;margin:0 0 2rem;padding:0}.service-features li{color:var(--text-main);font-family:Inter,sans-serif;font-size:.95rem;line-height:1.6;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.service-features li:before{color:var(--accent);content:"→";font-weight:700;left:0;position:absolute}.service-features strong{color:var(--accent-glow);font-weight:600}.service-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto}.service-tag{background:#e2c1741a;border:1px solid hsla(42,65%,67%,.2);border-radius:20px;color:var(--accent);font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.services-approach{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#232323d9;border:1px solid hsla(42,65%,67%,.1);border-radius:var(--border-radius);box-shadow:var(--shadow);margin:4rem auto 0;max-width:800px;padding:2.5rem}.services-approach h3{color:var(--accent);font-family:Cinzel,serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.services-approach p{color:var(--text-muted);font-family:Inter,sans-serif;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.approach-highlights{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-around}.highlight{flex-direction:column;text-align:center}.highlight,.highlight-number{align-items:center;display:flex}.highlight-number{background:linear-gradient(135deg,var(--accent),var(--accent-glow));border-radius:50%;color:var(--primary-bg);font-weight:700;height:40px;justify-content:center;margin-bottom:.5rem;width:40px}.highlight-number,.highlight-text{font-family:Inter,sans-serif;font-size:.9rem}.highlight-text{color:var(--text-main);font-weight:600}footer{background:#0f0f0f;border-top:1px solid #232323;margin-top:auto;padding:2rem 0 1.2rem;text-align:center}.footer-content{color:var(--accent);font-size:1rem;letter-spacing:.01em}@media (max-width:600px){.hero h1{font-size:1.5rem}.portfolio-section h2{font-size:1.25rem}.portfolio-card{padding:1rem}.logo{width:80px}.sticky-nav ul{flex-direction:column;gap:1rem}.hero{padding:3rem 1rem 2rem}.subtitle{font-size:1rem;line-height:1.6;max-width:90%}.portfolio-section{padding:0 1rem}.portfolio-section h2{margin:0 auto 2rem;text-align:center}.portfolio-section .subtitle{margin:0 auto 3rem;text-align:center}.about-section,.contact-section,.home-section,.mission-section,.portfolio-section,.services-section{padding:3rem 1rem;text-align:center}.content-box{margin:0 1rem;padding:1.5rem}.services-grid{gap:2rem;grid-template-columns:1fr;margin:3rem 0}.service-card{padding:2rem 1.5rem}.service-card h3{font-size:1.3rem}.service-description{font-size:1rem}.service-features li{font-size:.9rem}.services-approach{margin:3rem 1rem 0;padding:2rem 1.5rem}.approach-highlights{flex-direction:column;gap:1.5rem}.highlight{flex-direction:row;gap:1rem}.highlight-number{font-size:.8rem;height:35px;margin-bottom:0;width:35px}.credibility-section{gap:1.5rem;grid-template-columns:1fr;margin:2rem 0 3rem}.credibility-card{padding:1.5rem}.credibility-card h3{font-size:1.2rem}.credibility-card p{font-size:.95rem}.credibility-icon{font-size:2rem}}.credibility-section{display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:3rem auto 4rem;max-width:1000px}.credibility-card{background:var(--card-bg);border:1.5px solid hsla(42,65%,67%,.1);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;padding:2rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.credibility-card:before{background:linear-gradient(90deg,var(--accent),var(--accent-glow));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.credibility-card:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.credibility-icon{display:block;font-size:2.5rem;margin-bottom:1rem}.credibility-card h3{color:var(--accent);font-family:Cinzel,serif;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.credibility-card p{color:var(--text-muted);font-family:Inter,sans-serif;font-size:1rem;line-height:1.6}.content-box h2{color:var(--accent);font-family:Cinzel,serif;font-size:2rem;margin-bottom:1rem}.content-box p{color:var(--text-muted);font-family:Inter,sans-serif;font-size:1.125rem;line-height:1.7}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:var(--card-bg);border:1px solid hsla(42,65%,67%,.2);border-radius:var(--border-radius);box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px;z-index:10}.modal-close:hover{background:#ffffff1a;color:var(--accent)}.modal-header{border-bottom:1px solid hsla(42,65%,67%,.1);padding:2rem 2rem 1rem}.modal-header h2{color:var(--accent);font-family:Cinzel,serif;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.modal-header p{color:var(--text-muted);font-family:Inter,sans-serif;font-size:.95rem}.contact-form{padding:2rem}.form-group{margin-bottom:1.5rem;margin-right:1.5rem}.form-group label{color:var(--text-main);display:block;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid hsla(42,65%,67%,.2);border-radius:8px;color:var(--text-main);font-family:Inter,sans-serif;font-size:.95rem;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:var(--accent);box-shadow:0 0 0 3px #e2c1741a;outline:none}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--text-muted);opacity:.7}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.7}.form-group textarea{min-height:100px;resize:vertical}.checkbox-group{margin-bottom:2rem}.checkbox-label{align-items:flex-start;color:var(--text-muted);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.85rem;gap:.75rem;line-height:1.5}.checkbox-label input[type=checkbox]{flex-shrink:0;margin:.2rem 0 0;width:auto}.checkbox-label input[type=checkbox]:checked{accent-color:var(--accent)}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-glow));color:var(--primary-bg)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #e2c1744d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);color:var(--text-muted)}.btn-secondary:hover{background:#ffffff26;color:var(--text-main)}@media (max-width:600px){.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-header{padding:1.5rem 1.5rem 1rem}.contact-form{padding:1.5rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.modal-header h2{font-size:1.3rem}.credibility-section{gap:1.5rem;grid-template-columns:1fr;margin:2rem 0 3rem}.credibility-card{padding:1.5rem}.credibility-card h3{font-size:1.2rem}.credibility-card p{font-size:.95rem}.credibility-icon{font-size:2rem}}
