body{background:#f9fafb;min-height:100vh}.purchase-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg) var(--container-padding);padding-top:calc(var(--header-height-desktop, 72px) + var(--spacing-sm));padding-bottom:var(--spacing-xl);display:flex;align-items:flex-start}.purchase-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);width:100%;align-items:stretch}@media (min-width: 768px){.purchase-layout{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}}@media (min-width: 1024px){.purchase-layout{grid-template-columns:3fr 2fr;gap:var(--spacing-xl)}}.order-summary{background:#fff;border:1px solid #E5E7EB;border-radius:var(--md-sys-shape-corner-large);padding:var(--spacing-lg);display:flex;flex-direction:column;height:100%;box-shadow:0 1px 3px #0000000d}.order-summary__title{font-size:var(--md-sys-typescale-headline-small-size);font-weight:var(--md-sys-typescale-headline-small-weight);color:var(--md-sys-color-on-surface);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--md-sys-color-outline-variant)}.plan-details{background:#fff;border:1px solid #E5E7EB;border-radius:var(--md-sys-shape-corner-medium);padding:var(--spacing-md);margin-bottom:var(--spacing-md);flex:1;display:flex;flex-direction:column}.plan-details__name{font-size:var(--md-sys-typescale-title-large-size);font-weight:600;color:#1976d2;margin-bottom:var(--spacing-xs)}.plan-details__price{font-size:var(--md-sys-typescale-display-small-size);font-weight:var(--md-sys-typescale-display-small-weight);color:var(--md-sys-color-on-surface);margin-bottom:var(--spacing-sm)}.plan-details__duration{font-size:var(--md-sys-typescale-body-medium-size);color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--spacing-sm)}.plan-devices{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md);border-top:1px solid var(--md-sys-color-outline-variant);border-bottom:1px solid var(--md-sys-color-outline-variant)}.plan-devices__count{display:flex;align-items:center;gap:6px}.plan-devices__number{font-size:32px;font-weight:700;color:var(--md-sys-color-primary);line-height:1}.plan-devices__label{font-size:14px;color:var(--md-sys-color-on-surface-variant);font-weight:500}.plan-devices__platforms{display:flex;align-items:center;gap:var(--spacing-xs);padding-left:var(--spacing-sm);border-left:1px solid var(--md-sys-color-outline-variant)}.plan-devices__platforms img{width:20px;height:20px;opacity:.7;transition:opacity .2s ease,transform .2s ease}.plan-devices__platforms img:hover{opacity:1;transform:scale(1.1)}@media (max-width: 480px){.plan-devices{flex-direction:column;gap:var(--spacing-sm)}.plan-devices__platforms{padding-left:0;border-left:none;padding-top:var(--spacing-xs);border-top:1px solid var(--md-sys-color-outline-variant)}.plan-devices__number{font-size:28px}}.plan-features{list-style:none;padding:0;margin:0;flex:1}.plan-features__item{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 0;font-size:14px;color:var(--md-sys-color-on-surface)}.plan-features__icon{width:18px;height:18px;background:var(--md-sys-color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.plan-features__icon:after{content:"✓";color:#fff;font-size:10px;font-weight:700}.payment-section{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-large);padding:var(--spacing-lg);box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;height:100%}.payment-section__title{font-size:var(--md-sys-typescale-headline-small-size);font-weight:var(--md-sys-typescale-headline-small-weight);color:var(--md-sys-color-on-surface);margin-bottom:var(--spacing-md)}.payment-methods{margin-bottom:var(--spacing-lg)}.payment-methods__title{font-size:13px;font-weight:600;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs)}.payment-methods__title:before,.payment-methods__title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(0,102,204,.1),transparent)}.payment-methods__options{display:flex;flex-direction:row;gap:var(--spacing-md)}.payment-method{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-md);min-height:160px;background:var(--md-sys-color-surface);border:2px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center}.payment-method:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,102,204,.05),transparent);transition:left .5s}.payment-method:hover{border-color:var(--md-sys-color-primary);transform:translateY(-1px)}.payment-method:hover:before{left:100%}.payment-method--selected{border-color:#1e88e5;border-width:2px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);box-shadow:0 4px 16px #1e88e540}.payment-method__info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.payment-method__icon{margin-bottom:var(--spacing-sm);height:32px;display:flex;align-items:center;justify-content:center}.payment-method__icon img{max-width:100%;height:auto;object-fit:contain}.payment-method__name{font-size:16px;font-weight:600;color:var(--md-sys-color-on-surface);display:block}.payment-method__desc{font-size:12px;color:var(--md-sys-color-on-surface-variant);margin-top:var(--spacing-xs);display:block}.payment-method__check{width:20px;height:20px;border-radius:50%;border:2px solid var(--md-sys-color-outline);transition:all .2s ease;position:relative}.payment-method--selected .payment-method__check{background:linear-gradient(135deg,#1976d2,#1e88e5);border-color:#1565c0;animation:checkBounce .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.payment-method--selected .payment-method__check:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:13px;font-weight:700;animation:fadeInCheck .3s ease .2s both}@keyframes fadeInCheck{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.price-breakdown{border-top:1px solid var(--md-sys-color-outline-variant);padding-top:var(--spacing-md);margin-bottom:var(--spacing-lg)}.price-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:var(--md-sys-typescale-body-medium-size)}.price-row--total{font-weight:700;font-size:var(--md-sys-typescale-title-medium-size);color:#1565c0;border-top:2px solid #E5E7EB;margin-top:var(--spacing-xs);padding-top:var(--spacing-sm)}.purchase-submit{width:100%;min-height:52px;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border:none;border-radius:26px;font-size:var(--md-sys-typescale-label-large-size);font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #1976d266;text-transform:none;letter-spacing:.5px;position:relative;overflow:hidden}.purchase-submit:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.purchase-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #1976d280;background:linear-gradient(135deg,#1565c0,#0d47a1)}.purchase-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #0066cc26}.purchase-submit:disabled{background:var(--md-sys-color-outline-variant);cursor:not-allowed;box-shadow:none;opacity:.6}.security-info{text-align:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--md-sys-color-outline-variant)}.security-info__text{font-size:var(--md-sys-typescale-body-small-size);color:var(--md-sys-color-on-surface-variant);margin-bottom:var(--spacing-xs)}.security-info__badges{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.security-badge{font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant);display:flex;align-items:center;gap:var(--spacing-xs)}.loading-overlay{display:none;position:fixed;inset:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-index-modal);align-items:center;justify-content:center;flex-direction:column}.loading-overlay--active{display:flex}.loading-spinner{width:64px;height:64px;position:relative}.loading-spinner:before,.loading-spinner:after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid transparent}.loading-spinner:before{border-top-color:var(--md-sys-color-primary);animation:spin 1.5s linear infinite}.loading-spinner:after{border-bottom-color:var(--md-sys-color-tertiary);animation:spin 1.5s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.error-message{display:none!important;background:var(--md-sys-color-error-container);border:1px solid var(--md-sys-color-error);border-radius:var(--md-sys-shape-corner-medium);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.error-message--active{display:block!important}.error-message__text{color:var(--md-sys-color-error);font-size:var(--md-sys-typescale-body-medium-size);font-weight:500;line-height:1.5}.skeleton-loader{display:inline-block;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;color:transparent}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.trust-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--md-sys-color-outline-variant)}.trust-badge{text-align:center;padding:var(--spacing-sm)}.trust-badge__icon{font-size:24px;margin-bottom:var(--spacing-xs)}.trust-badge__text{font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant)}@media (max-width: 768px){.purchase-container{padding-top:calc(var(--header-height-mobile, 56px) + var(--spacing-sm));padding-bottom:var(--spacing-lg);align-items:flex-start}.payment-section{order:-1}.trust-badges{grid-template-columns:1fr 1fr}.payment-methods__options{flex-direction:column}.payment-method{flex-direction:row;min-height:auto;padding:16px 20px;text-align:left}.payment-method__info{flex-direction:row;margin-bottom:0;flex:1}.payment-method__icon{margin-bottom:0;margin-right:12px}.payment-method__desc{display:none}}