@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600&family=Inter:wght@300;400;500;600;700&display=swap";@import"https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css";:root{--bg-color: #ffffff;--text-color: #0f0f0f;--text-light: #525252;--text-lighter: #737373;--border-color: #e5e7eb;--accent-color: #3b82f6;--card-bg: #ffffff;--hover-bg: #f8fafc;--section-bg: #fafafa;--navbar-bg: rgba(255, 255, 255, .9)}[data-theme=dark]{--bg-color: #0a0a0a;--text-color: #f5f5f5;--text-light: #a3a3a3;--text-lighter: #737373;--border-color: #262626;--accent-color: #60a5fa;--card-bg: #0a0a0a;--hover-bg: #171717;--section-bg: #0f0f0f;--navbar-bg: rgba(10, 10, 10, .9)}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;opacity:0;transition:all .3s ease}body.loaded{opacity:1}.js .hero-title,.js .hero-subtitle,.js .navbar,.js #about,.js #services,.js #contact,.js .footer{opacity:0}.logo{font-family:"Baloo 2",cursive;font-weight:400}h1,h2,h3,h4,h5,h6{color:var(--text-color)!important;font-weight:600;cursor:pointer;transition:all .3s ease}.title.is-1{font-size:clamp(3rem,8vw,5rem);font-weight:400}.title.is-2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600}.title.is-2:hover{color:var(--accent-color)!important}.subtitle{color:var(--text-light);font-size:1.25rem;font-weight:400}.section{padding:4rem 0}.section-alt{background-color:var(--section-bg)}.container{max-width:1200px}.navbar{background-color:var(--navbar-bg);border-bottom:1px solid var(--border-color);backdrop-filter:blur(10px);position:fixed;top:0;width:100%;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1)}.navbar-brand .logo{font-size:1.5rem;color:var(--text-color);text-decoration:none;transition:color .3s ease}.navbar-brand .logo:hover{color:var(--accent-color)}.navbar-item{color:var(--text-light);font-weight:500;text-decoration:none;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease}.navbar-item:focus,.navbar-item:focus-visible,.navbar-item:hover{outline:none;box-shadow:none;background-color:transparent!important;color:var(--text-light)}.theme-toggle{background:transparent;border:none;color:var(--text-light);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.theme-toggle:focus,.theme-toggle:focus-visible{outline:none}.hero{padding-top:8rem;padding-bottom:8rem;text-align:center}.hero-body{cursor:pointer;transition:all .3s ease}.hero-subtitle{max-width:600px;margin:0 auto}.content-card,.service-card,.contact-info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease;cursor:pointer;height:100%}.content-card{padding:2rem}.content-card:hover,.service-card:hover,.contact-info-card:hover{box-shadow:0 8px 25px #3b82f614}#about .subtitle{cursor:pointer;transition:all .3s ease;padding:1rem;border-radius:8px}#about .subtitle:hover{background-color:#3b82f608;transform:translateY(-2px)}.service-card{text-align:center;padding:3rem 1.5rem}.service-card:hover{box-shadow:0 10px 30px #3b82f61a}.service-icon{width:32px;height:32px;margin:0 auto 1.5rem;color:var(--accent-color);display:flex;align-items:center;justify-content:center}.service-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)!important;transition:color .3s ease}.service-description{color:var(--text-light);margin-bottom:1.5rem;line-height:1.6}.service-tech{font-size:.9rem;color:var(--text-lighter);font-weight:500}.contact-grid{display:grid;grid-template-columns:1fr;gap:3rem;max-width:1000px;margin:0 auto}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.contact-info-card{padding:2rem;position:relative;overflow:hidden}.contact-info-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent);transition:left .6s}.contact-info-card:hover:before{left:100%}.contact-card-inner{display:flex;align-items:flex-start;gap:1.5rem;position:relative;z-index:1}.contact-icon-modern{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-color),#60a5fa);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0;box-shadow:0 4px 12px #3b82f64d}.contact-details{flex:1}.contact-label-modern{font-size:.9rem;font-weight:600;color:var(--text-lighter);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.contact-value-modern{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.contact-subtitle{font-size:.9rem;color:var(--text-light);font-style:italic}.contact-email-link{color:var(--accent-color);text-decoration:none;font-weight:600;transition:all .3s ease}.contact-email-link:hover{color:#2563eb;text-decoration:underline}.contact-cta-card{background:linear-gradient(135deg,var(--card-bg) 0%,var(--section-bg) 100%);border:1px solid var(--border-color);border-radius:16px;padding:3rem;text-align:center;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.contact-cta-card:hover{border-color:#3b82f633;box-shadow:0 8px 25px #3b82f61a}.cta-content{position:relative;z-index:1}.cta-title{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:1rem}.cta-description{font-size:1.1rem;color:var(--text-light);line-height:1.6;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.btn-modern{position:relative;padding:0;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:1rem;overflow:hidden;transition:all .3s ease;text-decoration:none;display:inline-block;min-width:180px}.btn-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;transition:transform .3s ease}.btn-bg{position:absolute;inset:0;transition:all .3s ease;z-index:1;border-radius:12px}.btn-primary-modern{color:#fff}.btn-primary-modern .btn-bg{background:linear-gradient(135deg,var(--accent-color) 0%,#2563eb 100%);box-shadow:0 4px 15px #3b82f666}.btn-primary-modern:hover .btn-bg{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f699;transform:translateY(-2px)}.btn-secondary-modern{color:var(--text-color);position:relative}.btn-secondary-modern:before{content:"";position:absolute;inset:-1px;border-radius:13px;background:linear-gradient(45deg,var(--accent-color),#60a5fa,var(--accent-color));background-size:200% 200%;z-index:0;opacity:0;transition:opacity .4s ease;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-secondary-modern:hover:before{opacity:1}.btn-secondary-modern .btn-bg{background:var(--card-bg);border:2px solid var(--border-color);box-shadow:0 4px 15px #0000001a}.btn-secondary-modern .btn-content,.btn-secondary-modern .btn-content span,.btn-secondary-modern .btn-content i{color:var(--text-color)!important;z-index:3}.btn-secondary-modern:hover .btn-bg{background:var(--hover-bg);border-color:transparent;box-shadow:0 6px 20px #3b82f626;transform:translateY(-2px)}[data-theme=dark] .btn-secondary-modern .btn-bg{background:#1f1f1f!important;border:2px solid #505050!important;box-shadow:0 4px 15px #0000004d!important}[data-theme=dark] .btn-secondary-modern .btn-content,[data-theme=dark] .btn-secondary-modern .btn-content span,[data-theme=dark] .btn-secondary-modern .btn-content i,[data-theme=dark] .btn-secondary-modern svg{color:#f5f5f5!important;stroke:#f5f5f5!important}[data-theme=dark] .btn-secondary-modern:hover .btn-bg{background:#282828!important;border:2px solid #5a5a5a!important;box-shadow:0 6px 20px #60a5fa26!important}.btn-modern:hover .btn-content{transform:translateY(-1px)}.btn-modern:active{transform:scale(.98)}.cta-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.9rem;font-weight:500}.feature-item i{color:var(--accent-color);font-size:16px}.footer{background-color:var(--section-bg);border-top:1px solid var(--border-color);padding:4rem 0 2rem;text-align:center;cursor:pointer;transition:all .3s ease}.footer:hover{background-color:var(--hover-bg);border-top-color:#3b82f633}.footer p{color:var(--text-light);margin-bottom:1rem;transition:color .3s ease}.footer:hover p{color:var(--text-color)}.footer a{color:var(--accent-color);text-decoration:none;font-weight:500;transition:all .3s ease}.footer a:hover{color:#2563eb;text-decoration:underline}.text-center{text-align:center}.mb-6{margin-bottom:4rem}.mt-6{margin-top:4rem}.max-w-4xl{max-width:56rem;margin:0 auto}.max-w-2xl{max-width:42rem;margin:0 auto}.lucide{width:24px;height:24px;stroke-width:1.5}*:focus,*:focus-visible{outline:none}.btn:focus-visible,a[href]:focus-visible:not(.navbar-item):not(.theme-toggle){box-shadow:0 0 0 2px var(--accent-color)}::selection,::-moz-selection{background:#3b82f633;color:var(--text-color)}@media (max-width: 768px){.section{padding:3rem 0}.hero{padding-top:5rem;padding-bottom:3rem}.content-card,.contact-info-card{padding:1.5rem}.service-card{padding:2rem 1rem}.contact-info-grid{grid-template-columns:1fr;gap:1rem}.contact-card-inner{gap:1rem}.contact-icon-modern{width:40px;height:40px;font-size:18px}.contact-cta-card{padding:2rem 1.5rem}.cta-title{font-size:1.5rem}.cta-buttons{flex-direction:column;align-items:center}.btn-modern{width:100%;max-width:280px}.cta-features{gap:1rem}.feature-item{font-size:.8rem}}
