:root{--qi-yellow:#FFCC00;--qi-yellow-light:#f7da33;--qi-yellow-dark:#d9b300;--qi-black:#22211F;--qi-dark-gray:#1a1a1a;--qi-gray:#4a4a4a;--qi-light-gray:#e0e0e0;--qi-white:#FFFFFF;--qi-off-white:#fafafa;--qi-purple:#1C1BC4;--qi-orange:#FF7500;--qi-coral:#f87171;--qi-shadow-sm:0 2px 4px rgba(0,0,0,0.1);--qi-shadow-md:0 4px 12px rgba(0,0,0,0.15);--qi-shadow-lg:0 8px 24px rgba(0,0,0,0.2);--qi-shadow-yellow:0 4px 20px rgba(240,203,23,0.3)}.qi-template-modern{position:relative;overflow:hidden}.qi-curved-overlay{position:absolute;pointer-events:none}.qi-curved-overlay,.qi-curved-overlay svg{width:100%;height:100%}.qi-yellow-curve{background:linear-gradient(135deg,var(--qi-yellow) 0,var(--qi-yellow-light) 50%,var(--qi-yellow) 100%);clip-path:ellipse(120% 100% at 50% 0)}.qi-number-badge{bottom:1rem;right:1rem;color:var(--qi-black);font-weight:900;font-size:1.5rem;box-shadow:var(--qi-shadow-md)}.qi-logo-badge,.qi-number-badge{position:absolute;width:3rem;height:3rem;background:var(--qi-yellow);border-radius:50%;display:flex;align-items:center;justify-content:center}.qi-logo-badge{top:2rem;right:2rem;box-shadow:var(--qi-shadow-yellow)}.qi-logo-badge svg{width:60%;height:60%}@keyframes qi-slide-in{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes qi-fade-in{0%{opacity:0}to{opacity:1}}@keyframes qi-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.qi-hero-title{font-size:4.5rem;font-weight:900;line-height:1.1;letter-spacing:-.02em}.qi-section-title{font-size:3rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}.qi-subtitle{font-size:1.5rem;font-weight:300;line-height:1.4;opacity:.9}.qi-card{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;box-shadow:var(--qi-shadow-md);transition:all .3s ease}.qi-card:hover{transform:translateY(-.25rem);box-shadow:var(--qi-shadow-lg)}.qi-button{background:var(--qi-yellow);color:var(--qi-black);border:none;border-radius:9999px;padding:1rem 2rem;font-weight:700;font-size:1rem;transition:all .3s ease;box-shadow:var(--qi-shadow-sm)}.qi-button:hover{background:var(--qi-yellow-light);transform:translateY(-2px);box-shadow:var(--qi-shadow-md)}.qi-gradient-text{background:linear-gradient(135deg,var(--qi-yellow) 0,var(--qi-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qi-glow-yellow{box-shadow:0 0 40px rgba(240,204,0,.4)}.qi-network-pattern{background-image:radial-gradient(circle at 20% 50%,var(--qi-yellow) 0,transparent 50%),radial-gradient(circle at 80% 80%,var(--qi-yellow) 0,transparent 50%),radial-gradient(circle at 40% 20%,var(--qi-yellow) 0,transparent 50%);background-size:200% 200%;animation:qi-network-flow 20s ease infinite}@keyframes qi-network-flow{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.qi-geometric-pattern{background-image:linear-gradient(30deg,var(--qi-yellow) 12%,transparent 12.5%,transparent 87%,var(--qi-yellow) 87.5%,var(--qi-yellow)),linear-gradient(150deg,var(--qi-yellow) 12%,transparent 12.5%,transparent 87%,var(--qi-yellow) 87.5%,var(--qi-yellow)),linear-gradient(30deg,var(--qi-yellow) 12%,transparent 12.5%,transparent 87%,var(--qi-yellow) 87.5%,var(--qi-yellow)),linear-gradient(150deg,var(--qi-yellow) 12%,transparent 12.5%,transparent 87%,var(--qi-yellow) 87.5%,var(--qi-yellow));background-size:80px 140px;background-position:0 0,0 0,40px 70px,40px 70px;opacity:.1}@media (max-width:768px){.qi-hero-title{font-size:3rem}.qi-section-title{font-size:2.25rem}.qi-number-badge,.qi-subtitle{font-size:1.25rem}.qi-number-badge{width:2.5rem;height:2.5rem}}