.credit-cards-main{background:var(--color-background);padding:calc(var(--header-height,85px) + var(--subheader-height,60px) + 1rem) 2rem 2rem;min-height:calc(100vh - var(--header-height,85px) - var(--subheader-height,60px));color:var(--color-text-primary);flex-direction:column;justify-content:flex-start;align-items:center;margin:0 auto;display:flex}.cc-hero,.cc-features,.cc-application{background:var(--color-surface);border:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-soft);border-radius:12px;justify-content:center;margin:2rem 0;padding:2rem;display:flex}.cc-hero{margin-top:4rem;padding:3rem 2rem}.cc-hero-container{align-items:center;gap:4rem;width:100%;max-width:1200px;display:flex}.cc-hero-content{flex:1}.cc-hero-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.cc-hero-subtitle{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:1.2rem}.cc-hero-features{margin:0;padding:0;list-style:none}.cc-hero-features li{color:var(--color-text-primary);align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.cc-hero-icon{color:var(--color-accent-alt)}.cc-hero-visual{flex:1;justify-content:center;display:flex}.cc-card-stack{width:380px;height:260px;position:relative}.cc-card{width:360px;height:220px;box-shadow:var(--shadow-medium);color:#fff;border-radius:16px;padding:1.25rem 1.5rem;position:absolute;overflow:hidden}.cc-card.mastercard{background:radial-gradient(120% 120% at 0 0,#1f0a0a 0%,#3b0f0f 60%,#2b0a0a 100%);border:1px solid #e8b92359;top:20px;left:0;transform:rotate(-6deg)}.cc-card.visa{background:radial-gradient(120% 120% at 100% 0,#10203a 0%,#0f1a2e 60%,#0b1424 100%);border:1px solid #3182ce59;bottom:10px;right:0}.cc-card-top{justify-content:space-between;align-items:center;display:flex}.cc-chip{background:linear-gradient(#e6c97f,#b8912b);border-radius:6px;width:36px;height:26px;position:relative}.cc-chip:after{content:"";border:2px solid #0003;border-radius:4px;position:absolute;inset:4px}.cc-contactless{width:22px;height:16px;position:relative}.cc-contactless:before,.cc-contactless:after{content:"";border:2px solid #ffffffb3;border-left:none;border-radius:0 50% 50% 0;width:10px;height:10px;margin:auto;position:absolute;top:0;bottom:0;right:0;transform:translate(2px)}.cc-contactless:after{opacity:.7;transform:translate(6px)}.cc-card-number{letter-spacing:2px;margin:1.25rem 0;font-family:monospace;font-size:1.1rem}.cc-card-row{justify-content:space-between;align-items:center;display:flex}.cc-card-holder .label,.cc-card-expiry .label{text-transform:uppercase;color:#ffffffa6;letter-spacing:1px;font-size:.6rem;display:block}.cc-card-holder .value,.cc-card-expiry .value{font-size:.9rem;font-weight:600}.cc-brand{align-items:center;gap:6px;display:flex;position:absolute;bottom:.8rem;right:1rem}.mastercard-logo .mc-circle{border-radius:50%;width:28px;height:28px;display:inline-block}.mastercard-logo .mc-left{background:#eb001b}.mastercard-logo .mc-right{mix-blend-mode:screen;background:#f79e1b;margin-left:-12px}.mastercard-logo .mc-text{letter-spacing:.5px;opacity:.9;font-size:.8rem}.visa-logo{letter-spacing:2px;color:#f5c542;text-shadow:0 1px 2px #00000080;font-size:1.4rem;font-weight:800}.cc-features-container{width:100%;max-width:1200px}.cc-features-title{color:var(--color-text-primary);text-align:center;margin-bottom:2rem;font-size:2.2rem;font-weight:700}.cc-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.cc-feature-card{background:var(--color-background);border:1px solid var(--color-border);text-align:center;box-shadow:var(--shadow-soft);border-radius:12px;padding:1.5rem;transition:all .2s}.cc-feature-card:hover{box-shadow:var(--shadow-medium);border-color:var(--color-accent-alt);transform:translateY(-3px)}.cc-feature-icon{color:var(--color-accent-alt);margin-bottom:.75rem;font-size:2.25rem}.cc-feature-title{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.cc-feature-description{color:var(--color-text-muted)}.cc-application-container{width:100%;max-width:900px}.cc-application-title{color:var(--color-text-primary);text-align:center;margin-bottom:.5rem;font-size:2.25rem;font-weight:700}.cc-application-subtitle{color:var(--color-text-muted);text-align:center;margin-bottom:2rem;font-size:1rem}.cc-application-form{background:var(--color-background);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);border-radius:12px;padding:2rem}.form-section{margin-bottom:1.75rem}.form-section-title{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);margin-bottom:.75rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:600}.form-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:var(--color-text-muted);margin-bottom:.4rem;font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-primary);border-radius:6px;padding:.7rem 1rem;font-size:1rem}.submit-button{background:var(--color-accent-alt);width:100%;color:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-soft);border:none;border-radius:8px;padding:1rem 2rem;font-size:1.05rem;font-weight:600}.submit-button:hover{background:#f4c430}@media (max-width:768px){.cc-hero-container{flex-direction:column;gap:2rem}.cc-hero-title{font-size:2.4rem}.credit-cards-main{padding:calc(var(--header-height,85px) + var(--subheader-height,60px) + .5rem) 1rem 1rem}}