:root{--color-primary:#162660;--color-secondary:#c5a065;--color-accent:#c5a065;--color-bg:#f8f9fb;--color-surface:#fff;--color-border:#e5e5e5;--color-text:#333;--font-family:"Plus Jakarta Sans",sans-serif;--gradient-text:linear-gradient(90deg,#162660,#2a4085);--gradient-gold:linear-gradient(90deg,#c5a065,#e5c085);--gradient-bg:linear-gradient(135deg,#f0f4ff,#fff);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 10px 30px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#f8f9ff,#fff 25%,#f0f4ff,#fff 75%,#f8f9ff);background-size:400% 400%;color:var(--color-text);font-family:var(--font-family);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative}body:before{animation:pulse 20s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,rgba(22,38,96,.08) 0,transparent 50%),radial-gradient(circle at 80% 70%,hsla(37,45%,58%,.06) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(22,38,96,.04) 0,transparent 60%)}body:after,body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}body:after{animation:patternMove 30s linear infinite;background-image:linear-gradient(30deg,transparent 40%,rgba(22,38,96,.02) 50%,transparent 60%),linear-gradient(120deg,transparent 40%,hsla(37,45%,58%,.02) 50%,transparent 60%);background-size:200px 200px,150px 150px}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(200px,200px)}}a{color:inherit;text-decoration:none;transition:all .2s ease}ul{list-style:none}.dark,html.dark{--color-primary:#3a5ba0;--color-secondary:#c5a065;--color-accent:#e5c085;--color-bg:#0a0e1a;--color-surface:#111827;--color-border:#374151;--color-text:#e5e7eb;--gradient-text:linear-gradient(90deg,#4a6bc0,#5a7bd0);--gradient-gold:linear-gradient(90deg,#c5a065,#e5c085);--gradient-bg:linear-gradient(135deg,#1f2937,#111827);--shadow-sm:0 2px 4px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 10px 30px rgba(0,0,0,.5)}.dark body,html.dark body{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#0a0e1a,#111827 25%,#0f1419,#111827 75%,#0a0e1a);background-size:400% 400%;color:#e5e7eb}.dark body:before,html.dark body:before{background:radial-gradient(circle at 20% 30%,rgba(58,91,160,.15) 0,transparent 50%),radial-gradient(circle at 80% 70%,hsla(37,45%,58%,.1) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(58,91,160,.08) 0,transparent 60%)}.dark body:after,html.dark body:after{background-image:linear-gradient(30deg,transparent 40%,rgba(58,91,160,.05) 50%,transparent 60%),linear-gradient(120deg,transparent 40%,hsla(37,45%,58%,.05) 50%,transparent 60%)}.dark p,html.dark p{color:#d1d5db}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6{color:#f3f4f6}.dark .text-gradient,html.dark .text-gradient{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .bento-text,html.dark .bento-text{color:#d1d5db}.dark .bento-title,html.dark .bento-title{color:#f3f4f6}.dark label,html.dark label{color:#e5e7eb}.dark .bento-card,html.dark .bento-card{background:#111827b3;border-color:#ffffff1a}.dark .btn-outline,html.dark .btn-outline{border-color:#c49f6480;color:var(--color-secondary)}.dark .btn-outline:hover,html.dark .btn-outline:hover{background-color:var(--color-secondary);color:#fff}.dark,html.dark{color:#e5e7eb}.dark span:not(.text-gradient):not(svg *),html.dark span:not(.text-gradient):not(svg *){color:#d1d5db}.dark .btn,.dark a.btn,.dark button,html.dark .btn,html.dark a.btn,html.dark button{color:#fff}.dark div,html.dark div{color:inherit}.dark li,html.dark li{color:#d1d5db}.dark .btn-primary,html.dark .btn-primary{background-color:var(--color-primary);color:#fff}.dark .btn-secondary,html.dark .btn-secondary{background-color:var(--color-secondary);color:#fff}.dark input,.dark textarea,html.dark input,html.dark textarea{background:#1f293780;border-color:#ffffff1a;color:#e5e7eb}.dark input::-moz-placeholder,.dark textarea::-moz-placeholder,html.dark input::-moz-placeholder,html.dark textarea::-moz-placeholder{color:#fff6}.dark input::placeholder,.dark textarea::placeholder,html.dark input::placeholder,html.dark textarea::placeholder{color:#fff6}.container{margin:0 auto;max-width:1200px;padding:0 2rem}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.75rem}p{color:#666}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gold{color:var(--color-secondary)}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;padding:.8rem 1.5rem;transition:all .3s ease}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#0f1b45;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{background-color:var(--color-secondary);color:#fff}.btn-secondary:hover{background-color:#b08d55;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.section{padding:6rem 0}input,textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:1rem;padding:1rem;transition:border-color .2s;width:100%}input:focus,textarea:focus{border-color:var(--color-primary);outline:none}label{color:var(--color-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.bento-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(12,1fr)}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}.col-span-8{grid-column:span 8}.col-span-12{grid-column:span 12}.bento-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:2rem}.bento-title{font-size:1.5rem;margin-bottom:.75rem}.bento-text{line-height:1.6}.bento-icon{align-items:center;border-radius:50%;display:flex;font-size:2rem;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.product-card{position:relative}.product-badge{background:#1626601a;border-radius:var(--radius-full);color:var(--color-primary);display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:1rem;padding:.4rem 1rem}.dark .product-badge,html.dark .product-badge{background:#c49f6433;color:var(--color-secondary)}.product-subtitle{color:#888;font-size:1.1rem;margin-bottom:.5rem}.dark .product-subtitle,html.dark .product-subtitle{color:#9ca3af}.product-mockup{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e8efff);border-radius:var(--radius-sm);display:flex;height:200px;justify-content:center;margin-top:1.5rem}.dark .product-mockup,html.dark .product-mockup{background:linear-gradient(135deg,#1f2937,#111827)}.mockup-text{color:#1626604d;font-size:1.2rem;font-weight:600}.dark .mockup-text,html.dark .mockup-text{color:#fff3}.portfolio-card{overflow:hidden}.portfolio-image{border-radius:var(--radius-sm);height:200px;margin-bottom:1.5rem;overflow:hidden}.placeholder-img{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e8efff);color:#16266066;display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.dark .placeholder-img,html.dark .placeholder-img{background:linear-gradient(135deg,#1f2937,#111827);color:#ffffff4d}.portfolio-category{display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.dark .portfolio-category,.portfolio-category,html.dark .portfolio-category{color:var(--color-secondary)}.contact-grid{grid-template-columns:repeat(12,1fr)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.contact-details,.contact-info-card,.form-group{display:flex;flex-direction:column}.contact-details{gap:1rem}.contact-item{align-items:center;display:flex;font-size:.95rem;gap:.75rem}.dark .contact-item,html.dark .contact-item{color:#d1d5db}.contact-icon{font-size:1.5rem}.dark .contact-icon,html.dark .contact-icon{color:var(--color-secondary)}.mb-4{margin-bottom:1rem}@media(max-width:968px){.bento-grid{grid-template-columns:repeat(6,1fr)}.col-span-4,.col-span-6,.col-span-8{grid-column:span 6}}@media(max-width:640px){.bento-grid{grid-template-columns:1fr}.col-span-12,.col-span-4,.col-span-6,.col-span-8{grid-column:span 1}.form-row{grid-template-columns:1fr}h1{font-size:2.5rem}h2{font-size:2rem}}