.oq-page{color:#1e293b;--oq-primary:#137afb;--oq-primary-dark:#0b5ccc;--oq-secondary:#10b981;--oq-dark:#1e293b;--oq-muted:#64748b;--oq-bg-soft:#f0f9ff;background:#fff;min-height:100vh}.oq-page .oq-header{z-index:50;backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #0f172a0f;position:sticky;top:0}.oq-page .oq-header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.875rem 1.5rem;display:flex}.oq-page .oq-logo img{height:32px;display:block}.oq-page .oq-header-cta{color:#fff;background:#137afb;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.oq-page .oq-header-cta:hover{background:#0b5ccc;transform:translateY(-1px)}.oq-page .oq-cta-icon{width:16px;height:16px}.oq-page .oq-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.oq-page .oq-section-badge{color:#137afb;background:#137afb1a;border:1px solid #137afb33;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.oq-page .oq-section-title{color:#1e293b;margin-bottom:2.5rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2}.oq-page .oq-section-title-light{color:#fff}.oq-page .oq-badge-icon{width:16px;height:16px}.oq-page .oq-icon{color:#137afb;width:24px;height:24px}.oq-page .oq-btn-icon{width:20px;height:20px}.oq-page .oq-hero{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 50%,#f0fdf4 100%);padding:5rem 0 4rem;position:relative;overflow:hidden}.oq-page .oq-hero-bg{background:radial-gradient(circle at 20% 80%,#137afb1f 0%,#0000 50%),radial-gradient(circle at 80% 20%,#10b9811f 0%,#0000 50%);position:absolute;inset:0}.oq-page .oq-hero>.oq-container{z-index:1;position:relative}.oq-page .oq-hero-badge{color:#137afb;background:#137afb1a;border:1px solid #137afb33;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;display:inline-flex}.oq-page .oq-hero-title{color:#1e293b;max-width:800px;margin-bottom:1.25rem;font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.15}.oq-page .oq-hero-subtitle{color:#64748b;max-width:700px;margin-bottom:2rem;font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.7}.oq-page .oq-hero-cta{color:#fff;background:#0b5ccc;border-radius:14px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;text-decoration:none;transition:background .25s,transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 4px 20px #0b5ccc73}.oq-page .oq-hero-cta:hover{background:#094aaa;transform:translateY(-2px);box-shadow:0 8px 30px #0b5ccc8c}.oq-page .oq-hero-stats{border-top:1px solid #1e293b1a;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem;padding-top:2rem;display:grid}.oq-page .oq-stat{flex-direction:column;display:flex}.oq-page .oq-stat-value{color:#137afb;font-size:clamp(1.25rem,2vw,1.625rem);font-weight:800;line-height:1.1}.oq-page .oq-stat-label{color:#64748b;margin-top:.375rem;font-size:.9375rem;line-height:1.3}.oq-page .oq-why{background:#fff;padding:5rem 0}.oq-page .oq-why-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.oq-page .oq-why-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:transform .25s,box-shadow .25s,border-color .25s}.oq-page .oq-why-card:hover{border-color:#137afb;transform:translateY(-3px);box-shadow:0 10px 24px #137afb1a}.oq-page .oq-why-icon{background:#137afb1a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}.oq-page .oq-why-title{color:#1e293b;margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.oq-page .oq-why-desc{color:#64748b;font-size:.9375rem;line-height:1.55}.oq-page .oq-steps{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);padding:5rem 0}.oq-page .oq-steps>.oq-container>.oq-section-badge,.oq-page .oq-steps>.oq-container>.oq-section-title{margin-left:auto;margin-right:auto;display:block}.oq-page .oq-steps>.oq-container>.oq-section-title{margin-bottom:3rem}.oq-page .oq-steps .oq-section-badge{color:#ffffffe6;background:#ffffff1a;border-color:#fff3}.oq-page .oq-steps-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.oq-page .oq-step{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.oq-page .oq-step-num{color:#fff;background:#137afb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.oq-page .oq-step-text{color:#ffffffeb;font-size:1.0625rem;line-height:1.6}.oq-page .oq-steps-note{color:#10b981;background:#10b98126;border:1px solid #10b9814d;border-radius:12px;align-items:center;gap:.75rem;margin:2rem auto 0;padding:1rem 1.25rem;font-weight:600;display:inline-flex}.oq-page .oq-steps>.oq-container>.oq-steps-note{justify-content:center;display:flex}.oq-page .oq-note-icon{color:#10b981;width:22px;height:22px}.oq-page .oq-faq{background:#f0f9ff;padding:5rem 0}.oq-page .oq-faq-list{flex-direction:column;gap:.75rem;max-width:800px;margin:0 auto;display:flex}.oq-page .oq-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.oq-page .oq-faq-item-open{border-color:#137afb;box-shadow:0 6px 18px #137afb14}.oq-page .oq-faq-q{color:#1e293b;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.125rem 1.25rem;font-size:1.0625rem;font-weight:600;display:flex}.oq-page .oq-faq-q:hover{color:#137afb}.oq-page .oq-faq-chevron{color:#64748b;flex-shrink:0;width:20px;height:20px}.oq-page .oq-faq-a{color:#475569;padding:0 1.25rem 1.25rem;font-size:1rem;line-height:1.65}.oq-page .oq-promo{background:linear-gradient(135deg,#059669 0%,#047857 100%);padding:4rem 0}.oq-page .oq-promo-card{text-align:center;max-width:720px;margin:0 auto}.oq-page .oq-promo-badge{color:#fff;background:#fff3;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.5rem 1rem;font-weight:600;display:inline-flex}.oq-page .oq-promo-title{color:#fff;margin-bottom:1.25rem;font-size:clamp(1.5rem,3.6vw,2.25rem);font-weight:800;line-height:1.2}.oq-page .oq-promo-gift{background:#fff;border-radius:14px;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1.5rem;display:inline-flex}.oq-page .oq-gift-icon{color:#059669;width:28px;height:28px}.oq-page .oq-promo-gift span{color:#059669;font-size:1.125rem;font-weight:700}.oq-page .oq-promo-desc{color:#ffffffeb;margin-bottom:1.75rem;font-size:1.0625rem;line-height:1.7}.oq-page .oq-promo-cta{color:#065f46;background:#fff;border:3px solid #047857;border-radius:14px;align-items:center;gap:.75rem;padding:.875rem 1.75rem;font-size:1.0625rem;font-weight:700;text-decoration:none;transition:background .25s,transform .25s;display:inline-flex;box-shadow:0 4px 20px #00000040}.oq-page .oq-promo-cta:hover{background:#ecfdf5;transform:translateY(-2px)}.oq-page .oq-order{background:#fff;padding:5rem 0;scroll-margin-top:80px}.oq-page .oq-order-card{text-align:center;background:linear-gradient(135deg,#fff 0%,#f0f9ff 100%);border:2px solid #93c5fd;border-radius:24px;max-width:500px;margin:0 auto;padding:2.5rem 2rem;box-shadow:0 8px 30px #137afb1f}.oq-page .oq-order-title{color:#1e293b;margin-bottom:.5rem;font-size:clamp(1.375rem,3vw,1.75rem);font-weight:700;line-height:1.25}.oq-page .oq-order-subtitle{color:#64748b;margin-bottom:1.5rem;font-size:1rem;line-height:1.55}.oq-page .oq-order-form{flex-direction:column;gap:1.125rem;display:flex}.oq-page .oq-form-group{text-align:left;flex-direction:column;display:flex}.oq-page .oq-form-group label{color:#1e293b;margin-bottom:.375rem;font-size:.9375rem;font-weight:600}.oq-page .oq-form-group input{color:#1e293b;background:#fff;border:2px solid #cbd5e1;border-radius:12px;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.oq-page .oq-form-group input:focus{border-color:#0b5ccc;outline:none;box-shadow:0 0 0 4px #0b5ccc33}.oq-page .oq-form-error{color:#dc2626;margin-top:-.25rem;font-size:.875rem}.oq-page .oq-submit{color:#fff;cursor:pointer;background:#0b5ccc;border:none;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;margin-top:.25rem;padding:.875rem 1.5rem;font-size:1.0625rem;font-weight:700;transition:background .25s,transform .25s;display:inline-flex;box-shadow:0 4px 14px #0b5ccc66}.oq-page .oq-submit:hover:not(:disabled){background:#094aaa;transform:translateY(-2px)}.oq-page .oq-submit:disabled{opacity:.7;cursor:not-allowed}.oq-page .oq-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite oq-spin;display:inline-block}@keyframes oq-spin{to{transform:rotate(360deg)}}.oq-page .oq-success{background:#10b9811a;border-radius:16px;padding:1.5rem}.oq-page .oq-success-icon{color:#10b981;width:56px;height:56px;margin-bottom:.75rem}.oq-page .oq-success h3{color:#1e293b;margin-bottom:.375rem;font-size:1.375rem;font-weight:700}.oq-page .oq-success p{color:#64748b}.oq-page .oq-related{background:#fff;padding:3rem 0 5rem}.oq-page .oq-related-card{max-width:800px;color:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #137afb;border-radius:14px;margin:0 auto;padding:1.5rem 1.75rem;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:block}.oq-page .oq-related-card:hover{background:#fff;border-color:#137afb;transform:translateY(-2px)}.oq-page .oq-related-badge{color:#137afb;background:#137afb1a;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:.625rem;padding:.375rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.oq-page .oq-related-text{color:#475569;margin-bottom:.5rem;font-size:1rem;line-height:1.6}.oq-page .oq-related-link{color:#137afb;font-size:1rem;font-weight:600}.oq-page .oq-fade.visible{animation:.6s both oq-fade-up}@keyframes oq-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.oq-page .oq-why-grid{grid-template-columns:repeat(2,1fr)}.oq-page .oq-steps-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}}@media (width<=768px){.oq-page .oq-hero{padding:3rem 0 2.5rem}.oq-page .oq-why,.oq-page .oq-faq,.oq-page .oq-order,.oq-page .oq-steps{padding:3rem 0}.oq-page .oq-hero-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem;padding-top:1.5rem}.oq-page .oq-hero-cta{justify-content:center;width:100%;padding:1rem 1.5rem}.oq-page .oq-why-grid{grid-template-columns:1fr}.oq-page .oq-faq-q{padding:1rem 1.125rem;font-size:1rem}.oq-page .oq-step{padding:1.25rem}.oq-page .oq-steps-note{margin:1.5rem auto 0;padding:.875rem 1.125rem;font-size:.9375rem}.oq-page .oq-order-card{margin:0 .75rem;padding:2rem 1.5rem}.oq-page .oq-related{padding-bottom:3rem}}@media (width<=480px){.oq-page .oq-hero-title{line-height:1.2}.oq-page .oq-hero-cta{font-size:1rem}.oq-page .oq-promo{padding:3rem 0}.oq-page .oq-promo-gift{padding:.75rem 1.125rem}.oq-page .oq-promo-gift span{font-size:1rem}.oq-page .oq-promo-cta{justify-content:center;width:100%;padding:1rem 1.25rem}}