.navbar{position:sticky;top:0;z-index:1000;background:#0a0e27f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,217,255,.1);padding:1rem 0}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{text-decoration:none;display:flex;align-items:center;gap:.95rem;transition:transform .3s ease;height:70px;overflow:visible}.logo-image{height:100px;width:auto;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,217,255,.3));transition:all .3s ease;opacity:.75;mix-blend-mode:lighten}.logo-text{color:var(--text-primary);font-size:1.5rem;font-weight:700;transition:all .3s ease}.logo-text .text-teal{color:var(--accent-teal);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-logo:hover .logo-image{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(0,217,255,.5));opacity:.9}.navbar-logo:hover{transform:scale(1.02)}.navbar-menu{display:flex;list-style:none;gap:2rem;align-items:center}.menu-icon{display:none;cursor:pointer;flex-direction:column;justify-content:space-around;width:30px;height:30px;z-index:1001}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:24px;transition:all .3s ease}.hamburger .bar{width:100%;height:3px;background:var(--accent-teal);border-radius:2px;transition:all .3s ease}.hamburger.active .bar:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.navbar-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;padding:.5rem 0}.navbar-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.navbar-link:hover{color:var(--accent-teal)}.navbar-link:hover:after,.navbar-link.active:after{width:100%}.navbar-link.active{color:var(--accent-teal)}@media (max-width: 968px){.menu-icon{display:flex}.navbar-menu{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:#0a0e27fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;align-items:center;padding:3rem 0;gap:2rem;transform:translate(-100%);transition:transform .3s ease;z-index:999;overflow-y:auto}.navbar-menu.active{transform:translate(0)}.navbar-link{font-size:1.2rem;padding:1rem 2rem}}@media (max-width: 768px){.navbar-logo{height:60px}.logo-image{height:70px}.logo-text{font-size:1.2rem}.navbar-menu{top:60px;height:calc(100vh - 60px)}}.home{flex:1}.hero{min-height:90vh;display:flex;align-items:center;padding:4rem 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(0,217,255,.1) 0%,transparent 70%);border-radius:50%;z-index:0}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;color:var(--text-primary)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.6}.hero-buttons{display:flex;gap:1rem;margin-top:1rem}.btn{padding:.875rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;display:inline-block}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #00d9ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff66}.btn-secondary{background:transparent;color:var(--accent-teal);border:2px solid var(--accent-teal)}.btn-secondary:hover{background:#00d9ff1a;transform:translateY(-2px)}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.hero-visual{position:relative;height:500px}.floating-card{position:absolute;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,217,255,.3);animation:float 6s ease-in-out infinite;box-shadow:0 0 20px #00d9ff33,inset 0 0 20px #c0c0c01a;background:linear-gradient(135deg,#c0c0c026,#00d9ff1a,#c0c0c026);padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;min-width:200px;max-width:250px;height:auto;min-height:180px}.card-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:1}.card-icon{font-size:2.5rem;filter:drop-shadow(0 0 8px rgba(0,217,255,.5));animation:pulse 3s ease-in-out infinite}.card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;text-shadow:0 0 10px rgba(0,217,255,.3)}.card-text{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(0,217,255,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(0,217,255,.7))}}.card-1{top:55px;left:0;animation-delay:0s;z-index:1;box-shadow:0 0 25px #00d9ff4d,inset 0 0 25px #e8e8e826}.card-2{top:0;right:0;animation-delay:2s;z-index:3;box-shadow:0 0 20px #00b8ff40,inset 0 0 20px #c0c0c01f}.card-3{bottom:10px;left:50%;transform:translate(-50%);animation-delay:4s;z-index:2;box-shadow:0 0 18px #00d9ff33,inset 0 0 18px #c0c0c01a}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-12px) translate(8px) rotate(1.5deg)}50%{transform:translateY(-20px) translate(10px) rotate(0)}75%{transform:translateY(-12px) translate(8px) rotate(-1.5deg)}}.services{padding:6rem 0;background:var(--dark-surface)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-card{background:var(--dark-card);padding:2rem;border-radius:16px;border:1px solid rgba(0,217,255,.1);transition:all .3s ease;text-align:center}.service-card:hover{transform:translateY(-5px);border-color:var(--accent-teal);box-shadow:0 10px 30px #00d9ff33}.service-icon{font-size:3rem;margin-bottom:1rem}.service-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.service-description{color:var(--text-secondary);line-height:1.6}.about{padding:6rem 0}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.cta{padding:6rem 0;background:var(--dark-surface)}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}@media (max-width: 968px){.hero-container{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-visual{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;height:auto;margin-top:2rem}.floating-card{position:relative;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%;max-width:300px;margin:0;animation:none}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center;flex-wrap:wrap}}@media (max-width: 768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.services-grid{grid-template-columns:1fr}}.hero-badges{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center;margin-top:2rem;max-width:600px;animation:fadeIn 1.2s ease}.badge{padding:.45rem 1.1rem;border-radius:9999px;font-size:.85rem;background:linear-gradient(135deg,#41d9ff,#5b5bff,#b259ff);color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 12px #41d9ff59,0 0 20px #b259ff40;white-space:nowrap;animation:floatBadge 6s ease-in-out infinite;opacity:.95;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge:nth-child(2){animation-delay:.4s}.badge:nth-child(3){animation-delay:.8s}.badge:nth-child(4){animation-delay:1.2s}.badge:nth-child(5){animation-delay:1.6s}.badge:nth-child(6){animation-delay:2s}.badge:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 0 18px #41d9ffb3,0 0 35px #b259ff73;cursor:default}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.badge{font-size:.78rem;padding:.35rem .9rem}}.pricing-page{flex:1;padding-bottom:4rem}.pricing-hero{padding:6rem 0 4rem;text-align:center}.pricing-hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.pricing-plans{padding:4rem 0;background:var(--dark-surface)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;align-items:stretch;padding:2rem 0}.pricing-card{background:var(--dark-card);border:1px solid rgba(0,217,255,.1);border-radius:16px;padding:2.5rem;position:relative;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{transform:translateY(-5px);border-color:var(--accent-teal)}.pricing-card.popular{border:2px solid var(--accent-teal);background:linear-gradient(to bottom,rgba(0,217,255,.05),var(--dark-card));box-shadow:0 0 30px #00d9ff26;transform:scale(1.05);z-index:1}.pricing-card.popular:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #00d9ff4d}.plan-header{text-align:center;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2rem}.plan-name{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem}.plan-price{font-size:3rem;font-weight:700;color:var(--text-primary);display:flex;align-items:baseline;justify-content:center;gap:.5rem}.price-amount{font-size:3rem;font-weight:700;color:var(--text-primary)}.custom-price{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.price-period{font-size:1rem;color:var(--text-secondary);font-weight:400}.plan-features{list-style:none;padding:0;margin:0 0 2rem;flex-grow:1}.feature-item{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--text-secondary);font-size:.95rem}.feature-icon{color:var(--accent-teal);font-weight:700}.btn-plan{width:100%;text-align:center;padding:1rem;border-radius:8px;font-weight:600;background:#00d9ff1a;color:var(--accent-teal);border:1px solid var(--accent-teal);transition:all .3s ease;margin-top:auto;text-decoration:none;display:block;cursor:pointer}.pricing-card.popular .btn-plan{background:var(--gradient-primary);color:#fff;border:none}.btn-plan:hover{background:var(--accent-teal);color:#fff}.pricing-faq{padding:4rem 0;background:var(--dark-surface)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;margin-top:3rem}.faq-item{background:var(--dark-card);padding:2rem;border-radius:16px;border:1px solid rgba(0,217,255,.1)}.faq-question{color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.faq-answer{color:var(--text-secondary);line-height:1.6}.pricing-cta{padding:6rem 0;background:var(--dark-surface)}@media (max-width: 968px){.plans-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto;gap:3rem}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-5px)}.faq-grid{grid-template-columns:1fr}}@media (max-width: 768px){.pricing-hero-title{font-size:2rem}.pricing-hero-subtitle{font-size:1.1rem}}.portfolio-page{flex:1}.portfolio-hero{padding:6rem 0 4rem;text-align:center}.portfolio-hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portfolio-hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.portfolio-coming-soon{padding:6rem 0;background:var(--dark-surface)}.coming-soon-content{max-width:600px;margin:0 auto;text-align:center}.coming-soon-icon{font-size:5rem;margin-bottom:2rem;animation:float 3s ease-in-out infinite}.coming-soon-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.coming-soon-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.portfolio-link{color:var(--accent-teal);text-decoration:none;font-weight:600;transition:color .3s ease}.portfolio-link:hover{color:var(--accent-purple)}.portfolio-grid-section{padding:4rem 0;background:var(--dark-surface)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:3rem}.portfolio-cta{padding:6rem 0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.portfolio-hero-title{font-size:2rem}.portfolio-hero-subtitle{font-size:1.1rem}.coming-soon-title{font-size:2rem}.coming-soon-description{font-size:1rem}.portfolio-grid{grid-template-columns:1fr}}.contact-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{padding:.75rem 1rem;background:var(--dark-card);border:1px solid rgba(0,217,255,.2);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease;width:100%}.form-group select{cursor:pointer}.form-group select:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 3px #00d9ff1a}.form-group select option{background:var(--dark-card);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 3px #00d9ff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn{padding:.875rem 2rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;display:inline-block;align-self:flex-start;margin-top:.5rem;background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #00d9ff4d}.contact-form .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff66}.contact-form .btn:disabled{opacity:.6;cursor:not-allowed}.form-success,.success-message{color:var(--accent-teal);font-size:.9rem;margin-top:-.5rem;animation:fadeIn .3s ease;padding:1rem;background:#00d9ff1a;border-radius:8px;border:1px solid rgba(0,217,255,.3)}.form-error{color:var(--accent-pink);font-size:.9rem;margin-top:-.5rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.contact-form{max-width:100%}}.contact-page{padding-bottom:4rem}.contact-hero{padding:6rem 0 4rem;text-align:center}.contact-hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.contact-section{padding:2rem 0}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start}.contact-info{background:var(--dark-surface);padding:2rem;border-radius:16px;border:1px solid rgba(0,217,255,.1)}.contact-title{font-size:1.8rem;margin-bottom:1.5rem;color:var(--text-primary)}.contact-details p{margin-bottom:1rem;color:var(--text-secondary);line-height:1.6}.contact-details strong{color:var(--text-primary);display:block;margin-bottom:.25rem}.contact-details a{color:var(--accent-teal);text-decoration:none;transition:color .3s ease}.contact-details a:hover{color:#fff}.contact-description{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.contact-form-wrapper{background:var(--dark-card);padding:2.5rem;border-radius:16px;border:1px solid rgba(0,217,255,.1);box-shadow:0 10px 30px #0003}.form-title{font-size:1.8rem;margin-bottom:2rem;color:var(--text-primary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.95rem}.form-group input,.form-group textarea,.form-select{width:100%;padding:.875rem 1rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-select:focus{outline:none;border-color:var(--accent-teal);background:#00d9ff0d;box-shadow:0 0 0 4px #00d9ff1a}.select-wrapper{position:relative}.btn-submit{width:100%;margin-top:1rem;border:none;font-size:1rem;padding:1rem}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.success-message{margin-top:1rem;padding:1rem;background:#00ff9d1a;border:1px solid rgba(0,255,157,.3);color:#00ff9d;border-radius:8px;text-align:center}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:3rem}.contact-form-wrapper{padding:1.5rem}}.site-footer{margin-top:auto;background:var(--dark-surface);border-top:1px solid rgba(0,217,255,.1)}.footer-top{padding:4rem 0 2rem}.footer-bottom{padding:2rem 0;border-top:1px solid rgba(0,217,255,.1);background:#0003}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.footer-col{display:flex;flex-direction:column;gap:1rem}.brand-col{max-width:300px}.footer-logo{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.footer-logo .text-teal{color:var(--accent-teal);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-desc{color:var(--text-secondary);line-height:1.7;font-size:.95rem}.footer-heading{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .3s ease;font-size:.95rem}.footer-links a:hover{color:var(--accent-teal)}.footer-text{color:var(--text-secondary);line-height:1.6;font-size:.95rem;margin-bottom:1rem}.footer-text strong{color:var(--text-primary)}.footer-socials{display:flex;gap:1rem;margin-top:.5rem}.footer-socials a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#00d9ff1a;border:1px solid rgba(0,217,255,.2);border-radius:8px;color:var(--accent-teal);text-decoration:none;font-size:.85rem;font-weight:600;transition:all .3s ease}.footer-socials a:hover{background:var(--accent-teal);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00d9ff4d}.copyright{text-align:center;color:var(--text-muted);font-size:.9rem}.copyright p{margin:0}@media (max-width: 968px){.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.brand-col{max-width:100%}}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-top{padding:3rem 0 1.5rem}}.App{min-height:100vh;display:flex;flex-direction:column}*{margin:0;padding:0;box-sizing:border-box}:root{--dark-bg: #0a0e27;--dark-surface: #141b3d;--dark-card: #1a2342;--accent-teal: #00d9ff;--accent-purple: #a855f7;--accent-pink: #ec4899;--accent-yellow: #fbbf24;--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--gradient-primary: linear-gradient(135deg, #00d9ff 0%, #a855f7 100%);--gradient-secondary: linear-gradient(135deg, #ec4899 0%, #fbbf24 100%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--dark-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--dark-surface)}::-webkit-scrollbar-thumb{background:var(--accent-teal);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}