*{box-sizing:border-box}.theme-page{background:#f6f8fc;color:#0d1b33;min-height:100vh}.theme-wrap{width:min(1240px,calc(100% - 48px));margin:auto}.theme-hero{background:radial-gradient(circle at 80% 20%,#264a86 0,transparent 28%),linear-gradient(135deg,#071426,#112b4d);color:#fff;padding:92px 0 88px}.theme-kicker{display:inline-flex;padding:8px 12px;border:1px solid #385274;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.1em;color:#8fb4ff}.theme-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.045em;margin:22px 0}.theme-hero h1 strong{color:#7196ff}.theme-hero p{max-width:680px;color:#aebbd0;font-size:17px;line-height:1.7}.theme-stats{display:flex;gap:36px;margin-top:34px;color:#aebbd0;font-size:13px}.theme-stats b{color:#fff}.theme-library{padding:64px 0 100px}.theme-toolbar{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.theme-toolbar h2{font-size:34px;margin:0 0 6px}.theme-toolbar p{margin:0;color:#6b778c}.theme-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.theme-filters button{border:1px solid #dce2ec;background:#fff;padding:10px 15px;border-radius:999px;color:#526078;cursor:pointer;font-weight:700}.theme-filters button.active,.theme-filters button:hover{background:#10233e;color:#fff;border-color:#10233e}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.theme-card{background:#fff;border:1px solid #e2e7ef;border-radius:18px;overflow:hidden;box-shadow:0 10px 35px rgba(25,42,70,.06)}.theme-card[hidden]{display:none}.theme-preview{display:block;position:relative;background:#e9edf5;padding:14px;text-decoration:none;color:inherit}.mock-browser{height:30px;background:#fff;border-radius:9px 9px 0 0;display:flex;align-items:center;padding:0 10px;gap:5px;color:#8490a4;font-size:8px}.mock-browser i{width:6px;height:6px;border-radius:50%;background:#d6dce6}.mock-browser span{margin-left:auto;margin-right:auto}.mock-site{height:300px;background:#fbfaf8;overflow:hidden}.mock-nav{height:48px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#354052}.mock-nav b{font-size:14px;color:var(--accent)}.mock-nav em{font-style:normal}.mock-body{height:252px;display:grid;grid-template-columns:46% 54%;align-items:center;background:linear-gradient(120deg,#fff 0 50%,color-mix(in srgb,var(--accent) 12%,#fff) 50%)}.mock-copy{padding:30px;display:flex;flex-direction:column;align-items:flex-start}.mock-copy small{font-size:7px;letter-spacing:.15em;color:var(--accent);font-weight:800}.mock-copy strong{font-size:27px;line-height:1.05;margin:10px 0 18px;letter-spacing:-.04em}.mock-copy span{font-size:8px;padding-bottom:3px;border-bottom:1px solid}.mock-product{height:100%;position:relative;display:flex;align-items:end;justify-content:center;gap:10px;padding:28px}.mock-product div{width:38%;height:76%;border-radius:90px 90px 20px 20px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 85%,white),color-mix(in srgb,var(--accent) 35%,#fff));box-shadow:0 20px 35px #8b96a733}.mock-product div+div{height:58%;width:30%}.preview-action{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#071426aa;color:#fff;font-weight:800;opacity:0;transition:.2s}.theme-preview:hover .preview-action{opacity:1}.theme-meta{padding:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.theme-category{font-size:10px;color:#68768c;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.theme-meta h3{font-size:23px;margin:4px 0}.theme-meta p{font-size:13px;color:#778397;margin:0;max-width:370px}.demo-btn{white-space:nowrap;background:#10233e;color:#fff;padding:12px 15px;border-radius:10px;text-decoration:none;font-size:12px;font-weight:800}.demo-page{margin:0;font-family:Arial,sans-serif;color:#111;background:#fafafa}.demo-bar{height:54px;background:#071426;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4%;font-size:13px;position:relative;z-index:5}.demo-bar a{color:#fff;text-decoration:none}.demo-bar b{position:absolute;left:50%;transform:translateX(-50%)}.demo-bar small{background:#243c60;color:#9ebcff;padding:4px 7px;border-radius:5px;margin-left:7px;font-size:8px}.demo-bar .choose{background:#3157ff;padding:10px 16px;border-radius:8px;font-weight:bold}.demo-nav{height:78px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eee}.demo-nav>b{font-size:25px;color:var(--demo)}.demo-nav nav,.demo-nav span{font-size:12px}.demo-hero{min-height:600px;display:grid;grid-template-columns:43% 57%;background:linear-gradient(110deg,#f8f5ef,#fff)}.demo-hero>section{padding:120px 10% 80px 14%}.demo-hero section small{color:var(--demo);font-weight:bold;letter-spacing:.15em}.demo-hero h1{font-size:64px;line-height:1.02;letter-spacing:-.055em;margin:18px 0}.demo-hero p{color:#667085;line-height:1.7;max-width:520px}.demo-hero button{margin-top:20px;border:0;background:var(--demo);color:#fff;padding:16px 24px;border-radius:4px;font-weight:bold}.demo-hero aside{position:relative;overflow:hidden;background:color-mix(in srgb,var(--demo) 9%,white)}.demo-orb{position:absolute;width:520px;height:520px;border-radius:50%;background:color-mix(in srgb,var(--demo) 15%,white);right:-80px;top:35px}.demo-product-card{position:absolute;background:#fff;padding:16px;border-radius:16px;box-shadow:0 30px 70px #3b46552b;width:235px}.demo-product-card div{height:250px;border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--demo) 70%,white),color-mix(in srgb,var(--demo) 20%,white));margin-bottom:14px}.demo-product-card b,.demo-product-card small{display:block}.demo-product-card small{color:#7b8494;margin-top:5px}.demo-product-card.one{left:12%;top:80px;transform:rotate(-4deg)}.demo-product-card.two{right:9%;top:180px;transform:rotate(5deg)}.demo-product-card.two div{height:210px}.demo-product-card>span{position:absolute;background:#fff;top:28px;left:28px;padding:5px 8px;font-size:8px;font-weight:bold}.demo-features{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 7%;background:#fff;border-top:1px solid #eee;text-align:center;font-size:12px;font-weight:bold}.demo-features small{color:#8a94a5;font-weight:normal}.demo-page{overflow-x:hidden}@media(max-width:800px){.theme-grid{grid-template-columns:1fr}.theme-toolbar{align-items:flex-start;flex-direction:column}.theme-filters{justify-content:flex-start}.theme-hero{padding:65px 0}.theme-stats{gap:14px;flex-wrap:wrap}.theme-wrap{width:min(100% - 28px,1240px)}.mock-site{height:240px}.mock-body{height:192px}.mock-copy strong{font-size:20px}.demo-bar b{display:none}.demo-nav nav{display:none}.demo-hero{grid-template-columns:1fr}.demo-hero>section{padding:70px 8%}.demo-hero h1{font-size:44px}.demo-hero aside{min-height:520px}.demo-features{grid-template-columns:repeat(2,1fr);gap:25px}}

/* === TideSoft responsive hardening — 2026-09 === */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden}
img,picture,video,canvas,svg,iframe{max-width:100%}
img,picture,video,canvas{height:auto}
iframe{width:100%}
pre,code{max-width:100%;overflow-wrap:anywhere}
input,select,textarea,button{max-width:100%;font:inherit}
textarea{resize:vertical}
table{max-width:100%}

@media(max-width:768px){
  body{min-width:0!important}
  main,section,article,aside,header,footer,nav,form{min-width:0}
  h1{font-size:clamp(2rem,10vw,3.25rem)!important;line-height:1.05!important;overflow-wrap:break-word}
  h2{font-size:clamp(1.65rem,7.5vw,2.5rem)!important;line-height:1.12!important;overflow-wrap:break-word}
  h3{overflow-wrap:break-word}
  p,li,a,span,strong,small{overflow-wrap:break-word}
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{width:100%;min-height:44px;font-size:16px!important}
  button,.btn,.btnx,[class*="button"],[class*="-btn"]{min-height:44px}
  .container,[class$="-container"],[class*=" container"],[class*="-wrap"],[class*="-inner"]{max-width:100%}
  [style*="grid-template-columns"]{min-width:0}
  .table-responsive,.table-wrap,[class*="table-wrap"],[class*="table-container"]{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media(max-width:480px){
  h1{font-size:clamp(1.85rem,9vw,2.65rem)!important}
  h2{font-size:clamp(1.5rem,7vw,2.1rem)!important}
  button,.btn,.btnx,[class*="button"],[class*="-btn"]{max-width:100%}
}