.oc-hero,.fullpage-hero{text-align:center;margin:20px 0 25px 0}.oc-check-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background-color:var(--color-success);border:2px solid var(--color-success);margin-bottom:16px}.oc-check-icon svg{width:28px;height:28px;color:var(--color-white)}.fullpage-title,.oc-title{color:var(--color-white);margin-bottom:8px}.fullpage-subtitle,.oc-subtitle{color:var(--color-white3);margin:0 auto 0 auto}.oc-subtitle{margin:0 auto 15px auto}.oc-order-number{display:inline-flex;align-items:center;gap:8px;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:8px 20px}.oc-order-label{color:var(--color-text-gray)}.oc-order-value{font-family:var(--font-secondary);font-weight:var(--font-weight-bold);color:var(--color-text-dark)}.oc-cards{display:flex;flex-direction:column;gap:16px}.oc-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.oc-card-title{color:var(--color-text-dark);margin-bottom:20px;display:flex;align-items:center;gap:8px}.oc-card-title svg{width:16px;height:16px;color:var(--color-text-dark)}.oc-summary-rows{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.oc-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.oc-summary-label{color:var(--color-text-gray)}.oc-summary-value{color:var(--color-text-dark);text-align:right}.oc-points-banner{display:flex;align-items:flex-start;gap:12px;background:#f0faf0;border:1px solid #c3e6c3;border-radius:var(--radius-md);padding:14px 16px}.oc-points-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;background-color:var(--color-success);display:flex;align-items:center;justify-content:center}.oc-step-icon svg,.oc-points-icon svg{width:16px;height:16px;color:var(--color-white)}.oc-step-name,.oc-points-title{color:var(--color-text-dark);margin:0 0 2px}.oc-step-desc,.oc-address,.oc-points-sub{color:var(--color-text-gray);margin:0}.oc-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.oc-step{display:flex;align-items:flex-start;gap:14px}.oc-step-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:var(--color-primary);display:flex;align-items:center;justify-content:center}.oc-card-account{text-align:center;border:2px solid var(--color-primary)}.oc-account-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background-color:var(--color-primary);margin-bottom:14px}.oc-account-icon svg{width:22px;height:22px;color:var(--color-white)}.oc-account-sub{font-size:13px;color:var(--color-text-gray);margin-bottom:24px}.oc-account-perks{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:16px;text-align:left}.oc-account-perks li{display:flex;align-items:flex-start;gap:12px}.oc-perk-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:var(--color-bg-light);display:flex;align-items:center;justify-content:center}.oc-perk-icon svg{width:16px;height:16px;color:var(--color-primary)}.oc-perk-name{font-size:13px;font-family:var(--font-secondary);font-weight:var(--font-weight-bold);color:var(--color-text-dark);margin:0 0 2px}.oc-perk-desc{font-size:var(--font-size-xs);color:var(--color-text-gray);margin:0}.oc-account-btn{width:100%;margin-bottom:12px}.oc-maybe-later{display:block;font-size:13px;color:var(--color-text-gray);text-align:center;transition:color var(--transition-fast)}.oc-maybe-later:hover{color:var(--color-accent)}.oc-bottom-actions{display:flex;gap:12px}.oc-bottom-actions .btn{flex:1;border-color:var(--color-white);color:var(--color-white)}.oc-bottom-actions .btn-primary{color:var(--color-primary);background-color:var(--color-white)}.oc-bottom-actions .btn:hover,.oc-bottom-actions .btn:active,.oc-bottom-actions .btn:focus{color:var(--color-white);background-color:var(--color-hover);border-color:var(--color-hover)}.oc-card-account .oc-card-title{justify-content:center;margin-bottom:5px}@media (max-width:575px){.oc-page{padding:24px 0 40px}.oc-card{padding:20px 16px}.oc-order-number,.oc-bottom-actions{flex-direction:column;width:100%}.fullpage-subtitle,.oc-subtitle{width:85%}.oc-bottom-actions .btn{width:100%}}