:root{--bg: #ffffff;--surface: #ffffff;--surface-soft: #f4f7f6;--text: #0b132b;--muted: #596377;--accent: #ff6b35;--accent-dark: #dc4c18;--accent-soft: #fff0ea;--navy: #0b132b;--navy-2: #152348;--border: #dce3e8;--success: #17875d;--danger: #b42318;--shadow-sm: 0 8px 24px rgba(11, 19, 43, .07);--shadow-lg: 0 24px 64px rgba(11, 19, 43, .14);--radius-sm: 12px;--radius: 20px;--radius-lg: 32px;--transition: .24s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:var(--bg);font-family:Inter,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button,input{font:inherit}a{color:inherit;text-decoration:none}a,button,input,.card{transition:transform var(--transition),opacity var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition),color var(--transition)}:focus-visible{outline:3px solid rgba(255,107,53,.4);outline-offset:3px}.container{width:min(100% - 32px,1180px);margin-inline:auto}.app-content{min-height:64vh}.header{position:sticky;top:0;z-index:50;background:#fffffff0;border-bottom:1px solid rgba(220,227,232,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header__inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.header__brand,.footer__brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--accent),#ff9b65);box-shadow:0 8px 20px #ff6b3547}.header__nav{display:flex;align-items:center;gap:28px;font-size:.92rem;font-weight:600}.header__nav a{position:relative;padding:10px 0}.header__nav a:hover,.header__nav a.active{color:var(--accent)}.header__actions{display:flex;align-items:center;gap:12px}.header__quote{min-height:44px;padding:10px 17px;border-radius:10px;color:#fff;background:var(--accent);font-weight:700}.header__quote:hover{color:#fff;background:var(--accent-dark);transform:translateY(-2px)}.cart-badge{position:relative;min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:11px;background:#fff}.cart-badge:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cart-badge__count{position:absolute;right:-6px;top:-7px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;color:#fff;background:var(--accent);border:2px solid white;border-radius:99px;font-size:.67rem;font-weight:800}.header__user-link{min-height:44px;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;font-size:.88rem;font-weight:700}.header__user-link:hover{background:var(--surface-soft);color:var(--accent)}.header__user-slot{width:72px;height:38px;border-radius:9px;background:linear-gradient(90deg,#edf1f2,#fafafa,#edf1f2);background-size:200%;animation:shimmer 1.6s infinite}.footer{padding:72px 0 24px;color:#dce3f3;background:var(--navy)}.footer__grid{display:grid;grid-template-columns:1.35fr .7fr .9fr 1.1fr;gap:48px}.footer__brand{color:#fff;font-size:1.05rem}.footer__tagline{max-width:300px;color:#aeb9ce;font-size:.92rem}.footer h2{margin:0 0 18px;color:#fff;font-size:.92rem;text-transform:uppercase;letter-spacing:.08em}.footer__links{display:grid;gap:10px}.footer__links a,.footer__contact a{color:#b9c4d7;font-weight:500}.footer a:hover{color:#ff916a;transform:translate(2px)}.footer__contact{display:grid;gap:10px;color:#b9c4d7;font-style:normal;font-size:.9rem}.socials{display:flex;gap:9px;margin-top:18px}.socials a{width:40px;height:40px;display:grid;place-items:center;border:1px solid #34415e;border-radius:10px}.socials a:hover{color:#fff;background:var(--accent);border-color:var(--accent);transform:translateY(-3px)}.socials svg{width:18px;height:18px;fill:currentColor}.footer__bottom{margin-top:48px;padding-top:22px;border-top:1px solid #293653;display:flex;justify-content:space-between;gap:20px;color:#8f9bb1;font-size:.82rem}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border:1px solid transparent;border-radius:10px;cursor:pointer;font-weight:700}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #0b132b24}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{color:#fff;background:var(--accent);border-color:var(--accent)}.btn--primary:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.btn--secondary{color:var(--navy);background:#fff;border-color:var(--navy)}.btn--secondary:hover:not(:disabled){color:#fff;background:var(--navy)}.btn--ghost{color:var(--navy);background:transparent;border-color:var(--border)}.btn--ghost:hover:not(:disabled){background:var(--surface-soft);border-color:#b9c3cb}.btn--danger{color:#fff;background:var(--danger)}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.field{display:grid;gap:7px}.field__label{color:var(--navy);font-size:.88rem;font-weight:700}.field__input,.cart-list__qty-input,.product-detail__qty input{width:100%;min-height:48px;padding:11px 14px;color:var(--text);background:#fff;border:1px solid #cbd4da;border-radius:10px;outline:0}.field__input:hover{border-color:#99a7b1}.field__input:focus,.cart-list__qty-input:focus,.product-detail__qty input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #ff6b3521}.field__hint{color:var(--muted);font-size:.8rem}.field__error{color:var(--danger);font-size:.8rem;font-weight:600}.field--invalid .field__input{border-color:var(--danger)}.spinner{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.spinner__indicator{width:42px;height:42px;border:4px solid #e5e9ed;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.spinner--sm .spinner__indicator{width:28px;height:28px}.spinner--lg .spinner__indicator{width:56px;height:56px}.error-banner{margin:18px 0;padding:18px;border:1px solid #f7c3bb;border-left:4px solid var(--danger);border-radius:12px;color:#7a271a;background:#fff5f4}.error-banner__message{margin:5px 0 0}.empty-state{max-width:620px;margin:54px auto;padding:48px 24px;text-align:center;border:1px dashed #c9d3d9;border-radius:var(--radius);background:var(--surface-soft)}.empty-state__title{margin:0}.empty-state__description{color:var(--muted)}.page-kicker{color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.home-page{width:100%}.home-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 40%,#f3f7f7)}.home-hero:before{content:"";position:absolute;width:480px;height:480px;right:-170px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,53,.18),transparent 68%)}.home-hero__inner{min-height:650px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:64px;padding-block:76px}.home-hero__copy{animation:rise .7s both}.home-hero h1{max-width:690px;margin:14px 0 20px;font-size:clamp(2.4rem,5.2vw,4.75rem);line-height:1.06;letter-spacing:-.055em}.home-hero__subtitle{max-width:640px;color:var(--muted);font-size:1.08rem}.home-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 20px}.trust-line{display:flex;align-items:center;gap:9px;color:#3e485b;font-weight:600;font-size:.9rem}.hero-visual{position:relative;animation:rise .75s .12s both}.hero-visual__frame{position:relative;overflow:hidden;min-height:470px;border-radius:32px 32px 32px 8px;box-shadow:var(--shadow-lg)}.hero-visual__frame img{width:100%;height:100%;min-height:470px;object-fit:cover}.hero-visual__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(11,19,43,.42))}.hero-float{position:absolute;left:-38px;bottom:32px;z-index:2;padding:15px 18px;border:1px solid rgba(255,255,255,.8);border-radius:14px;background:#fffffff0;box-shadow:var(--shadow-lg);font-weight:800}.hero-float small{display:block;color:var(--muted);font-weight:500}.section{padding:96px 0}.section--soft{background:var(--surface-soft)}.section-heading{max-width:680px;margin:0 auto 48px;text-align:center}.section-heading h2{margin:8px 0 12px;font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-.035em}.section-heading p{margin:0;color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{padding:30px;box-shadow:none;animation:rise .6s both}.service-card:nth-child(2){animation-delay:.08s}.service-card:nth-child(3){animation-delay:.16s}.service-card:hover{transform:translateY(-8px);border-color:#ffb99f;box-shadow:var(--shadow-lg)}.service-card__icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:20px;border-radius:14px;background:var(--accent-soft);font-size:1.65rem}.service-card h3{margin:0 0 10px;font-size:1.16rem}.service-card p{margin:0;color:var(--muted);font-size:.92rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.about-media{position:relative}.about-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px 28px;box-shadow:var(--shadow-lg)}.about-copy h2{margin:10px 0 18px;font-size:clamp(2rem,4vw,3rem);line-height:1.14;letter-spacing:-.035em}.about-copy p{color:var(--muted)}.check-list{display:grid;gap:12px;padding:0;list-style:none}.check-list li{display:flex;gap:10px;font-weight:600}.check-list li:before{content:"✓";width:24px;height:24px;flex:0 0 auto;display:grid;place-items:center;color:#fff;background:var(--success);border-radius:50%;font-size:.75rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:48px;overflow:hidden;border-radius:18px;background:#dce3e8}.metric{padding:24px;text-align:center;background:#fff}.metric strong{display:block;color:var(--accent);font-size:1.6rem}.featured-section{padding-top:88px}.featured-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.featured-header h2{margin:5px 0 0;font-size:clamp(1.8rem,3vw,2.5rem)}.text-link{color:var(--accent);font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0;margin:0;list-style:none}.product-grid__item{min-width:0;animation:rise .55s both}.product-grid__item:nth-child(2n){animation-delay:.07s}.product-grid__item:nth-child(3n){animation-delay:.14s}.product-card{height:100%;overflow:hidden;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-7px);border-color:#ffb99f;box-shadow:var(--shadow-lg)}.product-card__media{position:relative;overflow:hidden;aspect-ratio:4/3;background:#eef2f3}.product-card__image{width:100%;height:100%;object-fit:cover}.product-card:hover .product-card__image{transform:scale(1.045)}.product-card__badge{position:absolute;left:14px;top:14px;z-index:2;padding:6px 9px;color:#fff;background:var(--navy);border-radius:7px;font-size:.7rem;font-weight:800}.product-card__body{flex:1;display:flex;flex-direction:column;padding:21px}.product-card__category{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-card__name{margin:7px 0 5px;line-height:1.3}.product-card__name a:hover{color:var(--accent)}.product-card__title{margin:0 0 14px;color:var(--muted);font-size:.88rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__rating{margin-top:auto;color:#e95b25;font-size:.8rem;font-weight:700}.product-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.product-card__price{font-size:1.15rem;font-weight:800}.product-card__footer .btn{min-height:42px;padding:8px 13px}.cta-band{margin:92px auto;padding:56px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;background:linear-gradient(120deg,var(--navy),#1d3265);border-radius:28px;box-shadow:var(--shadow-lg)}.cta-band h2{margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15}.cta-band p{margin:0;color:#c8d1e1}.catalog-page,.cart-page,.checkout-page,.product-detail-page,.profile-page,.order-success-page{padding-top:64px;padding-bottom:96px}.catalog-page__header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.catalog-page__header h1,.cart-page__title,.checkout-page__title,.profile-page__title{margin:0;font-size:clamp(2.2rem,5vw,3.5rem);letter-spacing:-.045em}.catalog-page__subtitle{margin:6px 0 0;color:var(--muted)}.catalog-filters{max-width:520px;margin-bottom:36px}.catalog-page__pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:42px}.catalog-page__page-indicator{font-weight:700}.product-detail{display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden}.product-detail__image{width:100%;height:100%;min-height:570px;object-fit:cover;background:var(--surface-soft)}.product-detail__body{padding:clamp(30px,6vw,70px);align-self:center}.product-detail__category{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.product-detail__name{margin:12px 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.045em}.product-detail__title{color:var(--muted);font-size:1.02rem}.product-detail__rating{color:#e95b25;font-weight:700}.product-detail__price{margin:24px 0;font-size:1.8rem;font-weight:800}.product-detail__qty{max-width:130px;display:grid;gap:7px;margin-bottom:18px;font-weight:700}.product-detail__benefits{display:grid;gap:9px;margin:26px 0 0;padding:20px 0 0;border-top:1px solid var(--border);color:var(--muted);font-size:.86rem}.cart-page--empty,.checkout-page:has(.empty-state){min-height:60vh}.cart-layout{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}.cart-list{display:grid;gap:16px;padding:0;list-style:none}.cart-list__item{display:grid;grid-template-columns:120px 1fr auto;gap:20px;align-items:center;padding:16px}.cart-list__image{width:120px;height:100px;object-fit:cover;border-radius:12px}.cart-list__name{margin:0 0 5px;font-size:1.05rem}.cart-list__price{margin:0;color:var(--muted)}.cart-list__controls{display:flex;align-items:end;gap:10px}.cart-list__qty-label{display:grid;gap:4px;font-size:.74rem;font-weight:700}.cart-list__qty-input{width:76px;min-height:44px}.cart-list__line-total{grid-column:2/4;text-align:right;font-weight:800}.cart-summary{position:sticky;top:100px;padding:26px}.cart-summary__row{display:flex;justify-content:space-between;padding:10px 0;color:var(--muted)}.cart-summary__row--total{margin-top:10px;padding-top:18px;border-top:1px solid var(--border);color:var(--text);font-size:1.2rem;font-weight:800}.cart-summary__actions{display:grid;gap:10px;margin-top:20px}.checkout-page__grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:28px;align-items:start}.order-summary,.checkout-payment{padding:28px}.order-summary__title,.checkout-payment__title{margin-top:0}.order-summary__items{padding:0;list-style:none}.order-summary__row{display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.order-summary__image{width:54px;height:54px;object-fit:cover;border-radius:10px}.order-summary__qty{color:var(--muted)}.order-summary__total{display:flex;justify-content:space-between;gap:12px;padding-top:22px;font-size:1.15rem}.order-summary__secure{margin:18px 0 0;color:var(--success);font-size:.84rem;font-weight:700}.auth-page{min-height:720px;display:grid;place-items:center;padding-block:70px;position:relative}.auth-page:before{content:"";position:fixed;top:78px;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(120deg,#f4f7f6f5,#fff0eab8),url(https://loremflickr.com/800/600/indian-business-team,-modern-software-development,-ui-ux-designer-working,-abstract-technology-network,-server-room,-diverse-office-meeting?lock=3608468770) center/cover}.auth-card{width:min(100%,490px);padding:clamp(28px,5vw,46px);box-shadow:var(--shadow-lg);animation:rise .55s both}.auth-card__eyebrow{color:var(--accent);font-weight:800;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.auth-card__title{margin:7px 0;font-size:2rem}.auth-card__subtitle,.auth-card__footer{color:var(--muted)}.auth-form{display:grid;gap:18px;margin:28px 0}.auth-form .btn{width:100%}.auth-card__footer{text-align:center;font-size:.9rem}.auth-card__footer a{color:var(--accent);font-weight:800}.profile-card{display:grid;grid-template-columns:150px 1fr;gap:34px;margin-top:28px;padding:34px}.profile-card__avatar{width:120px;height:120px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--navy),#314a82);border-radius:26px;font-size:2.4rem;font-weight:800}.profile-card__list{margin:0}.profile-card__row{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--border)}.profile-card__label{color:var(--muted)}.profile-card__value{margin:0;font-weight:650;word-break:break-word}.profile-card__actions{margin-top:24px}.order-success-card{max-width:680px;margin:30px auto;padding:58px;text-align:center;box-shadow:var(--shadow-lg);animation:rise .55s both}.success-icon{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 22px;color:#fff;background:var(--success);border-radius:50%;font-size:2rem;box-shadow:0 12px 28px #17875d47}.legal-page{width:min(100% - 32px,900px);margin-inline:auto;padding:72px 0 100px}.legal-page__header{margin-bottom:40px;padding:38px;color:#fff;background:linear-gradient(125deg,var(--navy),var(--navy-2));border-radius:var(--radius)}.legal-page__header h1{margin:5px 0 8px;font-size:clamp(2rem,5vw,3.3rem);letter-spacing:-.04em}.legal-page__header p{margin:0;color:#c8d1e1}.legal-page section{margin-top:18px;padding:26px 30px;border:1px solid var(--border);border-radius:16px;background:#fff}.legal-page section h2{margin:0 0 10px;font-size:1.2rem}.legal-page section p,.legal-page section li{color:var(--muted)}.faq-list details{margin-bottom:12px;padding:0 22px;border:1px solid var(--border);border-radius:14px;background:#fff;transition:all var(--transition)}.faq-list details[open]{border-color:#ffb99f;box-shadow:var(--shadow-sm)}.faq-list summary{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-weight:750}.faq-list summary:after{content:"+";color:var(--accent);font-size:1.5rem}.faq-list details[open] summary:after{content:"−"}.faq-list details p{margin:0 0 22px;color:var(--muted)}.payment-loading,.payment-unavailable{padding:30px 0}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media (max-width:960px){.header__nav{display:none}.home-hero__inner,.about-grid,.product-detail{grid-template-columns:1fr}.home-hero__inner{padding-top:56px;gap:40px}.hero-visual__frame,.hero-visual__frame img{min-height:390px}.services-grid,.product-grid,.footer__grid{grid-template-columns:repeat(2,1fr)}.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:700px){.container{width:min(100% - 24px,1180px)}.header__inner{min-height:68px;gap:8px}.header__brand span:last-child{max-width:105px;line-height:1.1;font-size:.78rem}.header__quote{display:none}.header__user-link{width:44px;overflow:hidden;padding:8px;font-size:0}.header__user-link svg{width:20px}.section{padding:70px 0}.home-hero__inner{min-height:auto}.home-hero h1{font-size:2.65rem}.hero-float{left:12px;bottom:12px}.services-grid,.product-grid,.checkout-page__grid,.footer__grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.cta-band{margin:64px 12px;padding:36px 24px;align-items:flex-start;flex-direction:column}.footer__bottom{flex-direction:column}.cart-list__item{grid-template-columns:82px 1fr}.cart-list__image{width:82px;height:82px}.cart-list__controls{grid-column:1/3;justify-content:space-between}.cart-list__line-total{grid-column:1/3}.product-detail__image{min-height:360px}.profile-card{grid-template-columns:1fr;padding:24px}.profile-card__row{grid-template-columns:1fr;gap:3px}.order-success-card{padding:38px 22px}.legal-page__header{padding:28px 22px}.legal-page section{padding:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}