.order-page{background:var(--bg-primary);min-height:100vh}.order-page__hero{background:linear-gradient(135deg, var(--green-950) 0%, var(--green-900) 50%, var(--green-800) 100%);color:var(--white);padding:calc(var(--header-height) + var(--space-12)) 0 var(--space-16);text-align:center;position:relative;overflow:hidden}.order-page__hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 30%,#7ab06e26 0%,#0000 70%);position:absolute;inset:0}.order-page__hero-pill{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--fs-xs);color:var(--green-200);margin-bottom:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;display:inline-flex}.order-page__title{font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);margin-bottom:var(--space-3);letter-spacing:-.02em}.order-page__subtitle{font-size:var(--fs-base);color:var(--green-200);opacity:.9;max-width:600px;margin:0 auto}.order-page__form-wrap{background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--border);max-width:860px;box-shadow:0 20px 40px -15px #00000014, 0 0 0 1px var(--border);padding:var(--space-8) var(--space-10);z-index:10;margin:-40px auto 0;position:relative}.order-page__progress{margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:relative}.order-page__progress-bar{background:var(--gray-200);z-index:1;height:3px;position:absolute;top:18px;left:40px;right:40px}.order-page__progress-fill{background:linear-gradient(to left, var(--green-600), var(--green-700));height:100%;transition:width var(--duration-normal) var(--ease-out)}.order-page__progress-step{align-items:center;gap:var(--space-2);z-index:2;font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-medium);transition:all var(--duration-normal);flex-direction:column;display:flex;position:relative}.order-page__progress-dot{border-radius:var(--radius-full);background:var(--bg-card);border:2px solid var(--border);width:36px;height:36px;font-weight:var(--fw-bold);font-size:var(--fs-sm);color:var(--text-muted);transition:all var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex}.order-page__progress-step--active .order-page__progress-dot{background:var(--green-700);border-color:var(--green-700);color:var(--white);box-shadow:0 0 0 4px #1b5e3626}.order-page__progress-step--active{color:var(--green-800);font-weight:var(--fw-bold)}.order-page__alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--fs-sm);margin-bottom:var(--space-6)}.order-page__alert--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.order-page__step-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--green-900);text-align:center;margin-bottom:var(--space-2)}.order-page__step-desc{font-size:var(--fs-sm);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-8)}.order-page__grid-cards{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.order-page__card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);border:2px solid var(--border);background:var(--bg-card);text-align:right;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex}.order-page__card:hover{border-color:var(--green-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-page__card--selected{border-color:var(--green-700);background:#1b5e360a;box-shadow:0 0 0 2px #1b5e3633}.order-page__card-icon{font-size:2rem;line-height:1}.order-page__card-info{gap:var(--space-1);flex-direction:column;display:flex}.order-page__card-title{font-size:var(--fs-base);color:var(--text-primary);font-weight:var(--fw-bold)}.order-page__card--selected .order-page__card-title{color:var(--green-800)}.order-page__card-desc{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.4}.order-page__fields{gap:var(--space-4);margin-bottom:var(--space-8);flex-direction:column;display:flex}.order-page__fields-row{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.order-page__budget-list{margin-top:var(--space-6);margin-bottom:var(--space-8)}.order-page__budget-grid{gap:var(--space-4);margin-top:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.order-page__budget-card{gap:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);border:2px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.order-page__budget-card:hover{border-color:var(--green-400);transform:translateY(-2px)}.order-page__budget-card--selected{border-color:var(--green-700);background:#1b5e360a;box-shadow:0 0 0 2px #1b5e3633}.order-page__budget-header{justify-content:space-between;align-items:center;display:flex}.order-page__budget-tag{font-size:var(--fs-xs);border-radius:var(--radius-full);background:var(--green-100);color:var(--green-800);font-weight:var(--fw-semibold);padding:2px 10px}.order-page__budget-label{font-size:var(--fs-base);color:var(--text-primary);font-weight:var(--fw-bold)}.order-page__budget-card--selected .order-page__budget-label{color:var(--green-800)}.order-page__budget-desc{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.4}.order-page__styles-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.order-page__style-card{text-align:right;padding:var(--space-5);border-radius:var(--radius-xl);border:2px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);flex-direction:column;align-items:flex-start;width:100%;display:flex;position:relative}.order-page__style-card:hover{border-color:var(--green-400);transform:translateY(-3px);box-shadow:0 10px 25px -5px #1b5e3614}.order-page__style-card--selected{border-color:var(--green-700);background:linear-gradient(145deg,#1b5e360f 0%,#fff 100%);box-shadow:0 0 0 2px #1b5e3633,0 12px 30px -8px #1b5e3626}.order-page__style-header{width:100%;margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.order-page__style-icon{width:44px;height:44px;transition:all var(--duration-fast);background:#1b5e3614;border-radius:12px;justify-content:center;align-items:center;font-size:1.8rem;line-height:1;display:inline-flex}.order-page__style-card--selected .order-page__style-icon{background:var(--green-700);color:var(--white);box-shadow:0 4px 10px #1b5e3640}.order-page__style-radio{border:2px solid var(--border);width:22px;height:22px;color:var(--white);transition:all var(--duration-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.order-page__style-card--selected .order-page__style-radio{border-color:var(--green-700);background:var(--green-700)}.order-page__style-title{font-size:var(--fs-base);color:var(--text-primary);font-weight:var(--fw-bold);margin-bottom:4px;display:block}.order-page__style-card--selected .order-page__style-title{color:var(--green-800)}.order-page__style-desc{font-size:var(--fs-xs);color:var(--text-muted);margin:0;line-height:1.4;display:block}.order-page__options-grid{gap:var(--space-3);margin-top:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.order-page__option-chip{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--bg-card);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex}.order-page__option-chip:hover{border-color:var(--green-400);color:var(--green-700)}.order-page__option-chip--selected{border-color:var(--green-700);background:var(--green-700);color:var(--white)}.order-page__cross-sell{border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6);background:linear-gradient(145deg,#f7fdf9 0%,#fff 100%);border:1.5px solid #d1fae5;box-shadow:0 4px 20px -5px #1b5e360d}.order-page__cross-sell-header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.order-page__cross-sell-icon{background:#dcfce7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;line-height:1;display:flex}.order-page__cross-sell-title{font-size:var(--fs-lg);color:var(--green-950);font-weight:var(--fw-bold);margin-bottom:4px}.order-page__cross-sell-desc{font-size:var(--fs-xs);color:var(--green-800);margin:0;line-height:1.5}.order-page__cross-sell-list{gap:var(--space-3);grid-template-columns:1fr;display:grid}.order-page__checkbox-item{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--white);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex}.order-page__checkbox-item:hover{border-color:var(--green-500);background:#fbfdfb;transform:translate(-3px)}.order-page__checkbox-item--checked{border-color:var(--green-600);background:#f0fdf4;box-shadow:0 2px 10px #1b5e360f}.order-page__check-box{border:2px solid var(--border);width:22px;height:22px;color:var(--white);background:var(--white);transition:all var(--duration-fast);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.order-page__checkbox-item--checked .order-page__check-box{background:var(--green-700);border-color:var(--green-700)}.order-page__check-icon{flex-shrink:0;font-size:1.4rem;line-height:1}.order-page__check-label{font-size:var(--fs-sm);color:var(--text-primary);font-weight:var(--fw-medium)}.order-page__incentive-box{gap:var(--space-3);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-6);background:#fefce8;border:1px solid #fef08a;grid-template-columns:repeat(3,1fr);display:grid}.order-page__incentive-item{align-items:center;gap:var(--space-2);font-size:var(--fs-xs);color:#854d0e;display:flex}.order-page__nav{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border);display:flex}.order-page__submit-btn{box-shadow:0 10px 25px -5px #1b5e3666}.order-page__success{text-align:center;padding:var(--space-8) 0;max-width:600px;margin:0 auto}.order-page__success-badge{color:#166534;font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:var(--radius-full);margin-bottom:var(--space-4);background:#dcfce7;padding:4px 14px;display:inline-block}.order-page__success-icon{margin-bottom:var(--space-4);font-size:3.5rem;display:block}.order-page__success h2{font-size:var(--fs-2xl);color:var(--green-800);margin-bottom:var(--space-3)}.order-page__success-desc{color:var(--text-secondary);font-size:var(--fs-base);margin-bottom:var(--space-6);line-height:1.6}.order-page__success-actions{gap:var(--space-3);flex-direction:column;display:flex}@media (max-width:1024px){.order-page__styles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.order-page__grid-cards,.order-page__budget-grid{grid-template-columns:1fr}.order-page__styles-grid{grid-template-columns:repeat(2,1fr)}.order-page__fields-row,.order-page__incentive-box{grid-template-columns:1fr}}@media (max-width:640px){.order-page__form-wrap{padding:var(--space-6);margin-top:-20px}.order-page__progress-step span{display:none}.order-page__styles-grid{grid-template-columns:1fr}}