:root{--ds5-navy:#082f49;--ds5-blue:#0f5f82;--ds5-gold:#f4b400;--ds5-ink:#172033;--ds5-muted:#64748b;--ds5-bg:#f5f8fb;--ds5-line:#e4eaf0;--ds5-white:#fff;--ds5-radius:22px;--ds5-shadow:0 14px 42px rgba(8,47,73,.09)}
.ds5-page{background:var(--ds5-bg);color:var(--ds5-ink);min-height:60vh}.ds5-container{width:min(1180px,calc(100% - 32px));margin:auto}.ds5-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,rgba(8,47,73,.96),rgba(15,95,130,.88)),url('/images/slide1.jpg') center/cover;padding:72px 0;color:#fff}.ds5-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:-100px;top:-160px}.ds5-hero .ds5-container{position:relative;z-index:1}.ds5-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.09);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ds5-hero h1{color:#fff;font-size:clamp(32px,5vw,52px);line-height:1.06;margin:16px 0 10px;font-weight:800}.ds5-hero p{max-width:690px;color:rgba(255,255,255,.86);font-size:16px;line-height:1.7;margin:0}.ds5-section{padding:52px 0}.ds5-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.ds5-title h2{margin:0;font-size:26px;color:var(--ds5-navy);font-weight:800}.ds5-title p{margin:6px 0 0;color:var(--ds5-muted)}.ds5-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--ds5-line);border-radius:14px;padding:10px 14px;min-width:280px;box-shadow:0 5px 18px rgba(15,23,42,.04)}.ds5-search input{border:0!important;box-shadow:none!important;outline:0;width:100%;padding:0!important;background:transparent!important}.ds5-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ds5-card{background:#fff;border:1px solid var(--ds5-line);border-radius:var(--ds5-radius);box-shadow:var(--ds5-shadow);overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .2s ease,box-shadow .2s ease}.ds5-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(8,47,73,.13)}.ds5-card-body{padding:22px;display:flex;flex-direction:column;gap:13px;height:100%}.ds5-card h3{font-size:18px;line-height:1.42;margin:0;color:var(--ds5-navy);font-weight:800}.ds5-card p{color:var(--ds5-muted);line-height:1.65;margin:0}.ds5-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--ds5-muted);font-size:12px}.ds5-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#edf7fb;color:var(--ds5-blue);font-size:12px;font-weight:700}.ds5-badge.gold{background:#fff6d8;color:#815f00}.ds5-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:5px}.ds5-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 16px;font-weight:700;text-decoration:none!important;cursor:pointer;transition:.2s}.ds5-btn-primary{background:var(--ds5-navy);color:#fff!important}.ds5-btn-primary:hover{background:var(--ds5-blue);color:#fff}.ds5-btn-gold{background:var(--ds5-gold);color:#172033!important}.ds5-btn-soft{background:#eef5f8;color:var(--ds5-navy)!important}.ds5-empty{grid-column:1/-1;text-align:center;padding:52px 20px;background:#fff;border:1px dashed #ccd8e2;border-radius:20px;color:var(--ds5-muted)}.ds5-accordion{display:grid;gap:14px}.ds5-notice{background:#fff;border:1px solid var(--ds5-line);border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(8,47,73,.06)}.ds5-notice-head{width:100%;border:0;background:#fff;display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;text-align:left;padding:18px 20px;cursor:pointer}.ds5-notice-head strong{font-size:15px;color:var(--ds5-ink)}.ds5-notice-head span{font-size:12px;color:var(--ds5-muted);white-space:nowrap}.ds5-notice-head i{font-size:16px;color:var(--ds5-blue);transition:transform .2s}.ds5-notice.open .ds5-notice-head i{transform:rotate(180deg)}.ds5-notice-body{display:none;border-top:1px solid var(--ds5-line);padding:18px 20px;color:#425466;line-height:1.7}.ds5-notice.open .ds5-notice-body{display:block}.ds5-notice-body p:last-child{margin-bottom:0}.ds5-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.ds5-tab{border:1px solid var(--ds5-line);background:#fff;color:var(--ds5-navy);padding:10px 16px;border-radius:999px;font-weight:700;cursor:pointer}.ds5-tab.active{background:var(--ds5-navy);border-color:var(--ds5-navy);color:#fff}.ds5-form-shell{display:grid;grid-template-columns:.82fr 1.18fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(8,47,73,.14);border:1px solid var(--ds5-line)}.ds5-form-aside{padding:42px;background:linear-gradient(145deg,var(--ds5-navy),var(--ds5-blue));color:#fff}.ds5-form-aside h2{color:#fff;font-size:30px;margin:15px 0 10px;font-weight:800}.ds5-form-aside p,.ds5-form-aside li{color:rgba(255,255,255,.82);line-height:1.7}.ds5-form-aside ul{list-style:none;padding:0;margin:28px 0 0}.ds5-form-aside li{position:relative;padding-left:25px;margin:10px 0}.ds5-form-aside li:before{content:'✓';position:absolute;left:0;color:#ffd966;font-weight:800}.ds5-form-card{padding:38px}.ds5-form-card h2{color:var(--ds5-navy);font-size:26px;font-weight:800;margin:0 0 8px}.ds5-form-card>.lead{font-size:14px;color:var(--ds5-muted);margin-bottom:24px}.ds5-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ds5-field.full{grid-column:1/-1}.ds5-field label{display:block;color:#334155;font-size:13px;font-weight:700;margin-bottom:7px}.ds5-field input,.ds5-field select,.ds5-field textarea{width:100%;border:1px solid #d8e1e8;border-radius:12px;background:#fff;padding:12px 13px!important;min-height:46px;outline:none;box-shadow:none!important}.ds5-field textarea{min-height:100px;resize:vertical}.ds5-field input:focus,.ds5-field select:focus,.ds5-field textarea:focus{border-color:var(--ds5-blue);box-shadow:0 0 0 3px rgba(15,95,130,.09)!important}.ds5-form-status{display:none;margin:14px 0;padding:12px 14px;border-radius:12px;font-size:14px}.ds5-form-status.show{display:block}.ds5-form-status.success{background:#ecfdf3;color:#17663a}.ds5-form-status.error{background:#fff0f0;color:#a12b2b}.ds5-login-wrap{padding:58px 0}.ds5-login-card{width:min(940px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid var(--ds5-line);border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(8,47,73,.14)}.ds5-login-side{padding:44px;background:linear-gradient(145deg,var(--ds5-navy),#0b7898);color:#fff}.ds5-login-side h1{color:#fff;font-size:34px;font-weight:800;margin:16px 0 10px}.ds5-login-side p{color:rgba(255,255,255,.82);line-height:1.7}.ds5-login-main{padding:38px}.ds5-login-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef5f8;border-radius:12px;padding:4px;margin-bottom:24px}.ds5-login-tabs button{border:0;border-radius:9px;background:transparent;padding:10px;font-weight:700;color:var(--ds5-muted)}.ds5-login-tabs button.active{background:#fff;color:var(--ds5-navy);box-shadow:0 3px 12px rgba(15,23,42,.08)}.ds5-login-pane{display:none}.ds5-login-pane.active{display:block}.ds5-login-pane .ds5-field{margin-bottom:15px}.ds5-login-help{display:flex;justify-content:flex-end;margin:-3px 0 16px}.ds5-login-help a{font-size:13px;color:var(--ds5-blue)}.ds5-product-thumb{height:180px;background:#eef3f6;overflow:hidden}.ds5-product-thumb img{width:100%;height:100%;object-fit:cover}.ds5-price{font-size:20px;font-weight:800;color:var(--ds5-navy)}
@media(max-width:991px){.ds5-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds5-form-shell,.ds5-login-card{grid-template-columns:1fr}.ds5-form-aside,.ds5-login-side{padding:30px}.ds5-toolbar{align-items:stretch;flex-direction:column}.ds5-search{min-width:0;width:100%}}
@media(max-width:640px){.ds5-container{width:min(100% - 22px,1180px)}.ds5-hero{padding:48px 0}.ds5-section{padding:36px 0}.ds5-grid{grid-template-columns:1fr}.ds5-form-card,.ds5-login-main{padding:24px 18px}.ds5-form-grid{grid-template-columns:1fr}.ds5-field.full{grid-column:auto}.ds5-notice-head{grid-template-columns:1fr auto}.ds5-notice-head span{grid-column:1/2}.ds5-actions .ds5-btn{flex:1}.ds5-login-wrap{padding:35px 0}}