/* TechDigitalPro 2026 VIP Dark-Blue System. Responsive, no external fonts or assets. */
:root{
 --bg:#040d20;--surface:#0d1c36;--surface2:#112543;--ink:#f4f8ff;
 --muted:#afc4e0;--stroke:#274970;--gold:#6bb9ff;--gold2:#3d85e7;
 --radius:18px;--shadow:0 24px 62px rgba(0,7,33,.50);
 color-scheme:dark;
}
html{color-scheme:dark}body{
 background:radial-gradient(ellipse 70% 700px at 78% 0%,rgba(22,94,202,.18),transparent 78%),
 radial-gradient(ellipse 60% 560px at 8% 18%,rgba(10,129,210,.10),transparent 72%),#040d20!important;
 color:#ecf5ff!important;
 -webkit-font-smoothing:antialiased;
}
body::selection{background:#298cff;color:#fff}
a{color:#7dc9ff}a:hover{color:#c5eaff}
header,.site-header{
 background:rgba(7,19,45,.96)!important;
 border-bottom:1px solid rgba(91,163,247,.35)!important;
 box-shadow:0 12px 35px rgba(0,5,23,.22);
}
header strong,header .brand,h1,h2,h3,.text-gold,.eyebrow,.guide-tag,.guide-category-name,
.guide-panel-head h3,.guide-info-card h3,.guide-catalog h3,.guide-steps strong,
.guide-info-card strong,.guide-catalog strong,.guide-trust strong,.brand-light{
 color:#84caff!important;
}
header a,.announcement,.desktop-nav a,.mobile-nav a,nav a,.text-link,.link-arrow,
.site-footer a,.guide-text-link,.guide-quicklinks a,.guide-bottom-links a{color:#9fd9ff!important}
header a:hover,.desktop-nav a:hover,.mobile-nav a:hover,nav a:hover{color:#fff!important}
main{min-height:40vh}
.box,.panel,.payment,.card,.product-card,.category-card,.feature-box,.guide-panel,
.guide-info-card,.guide-catalog,.guide-category-item,.info-panel,.empty-state,.faq-list details,
.stat-card,.module-card,.login-box,.dashboard-card,.notice,.filter-form,.search-panel,.cta-banner{
 background:linear-gradient(155deg,rgba(19,45,88,.92),rgba(7,24,52,.98))!important;
 border-color:rgba(93,161,242,.32)!important;
 box-shadow:0 12px 32px rgba(0,5,22,.22);
}
.box,.panel,.payment,.product-card,.category-card,.feature-box,.guide-panel,.guide-info-card,.guide-catalog,
.info-panel,.empty-state,.faq-list details,.cta-banner{border-radius:16px!important}
.product-card,.category-card,.feature-box,.guide-panel,.module-card,.dashboard-card{
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.product-card:hover,.category-card:hover,.feature-box:hover,.module-card:hover,.guide-category-item:hover{
 transform:translateY(-3px);border-color:rgba(119,203,255,.7)!important;
 box-shadow:0 18px 40px rgba(10,86,199,.20);
}
button,.button,.btn,button.submit,.button.small,input[type=submit]{
 background:linear-gradient(120deg,#2385e9,#60c0ff)!important;
 color:#001630!important;
 border:1px solid rgba(144,218,255,.65)!important;
 border-radius:10px!important;
 box-shadow:0 7px 20px rgba(16,112,236,.24);
 font-weight:800;
}
.button.secondary,button.copy,button.reject,.danger{box-shadow:none}
.button.secondary,button.copy{background:#102d58!important;color:#d5efff!important}
button.reject,.danger{background:#a93652!important;color:#fff!important;border-color:#d56e84!important}
button:hover,.button:hover,.btn:hover{filter:brightness(1.10)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,summary:focus-visible{outline:2px solid #8bd9ff!important;outline-offset:3px}
input,select,textarea,input[type=text],input[type=email],input[type=password],input[type=number]{
 background:#06152f!important;color:#f1f8ff!important;border-color:#365b8e!important;
 border-radius:10px!important;
}
input::placeholder,textarea::placeholder{color:#8aa4c5!important}
.notice,.guide-trust{border-left:3px solid #55aefd!important;background:#0a2448!important}
.notice.ok,.ok{color:#a6edd0!important}.warning,.error,.notice-error{color:#ffbdc8!important}
small,p,.muted,.product-description,.guide-lead,.seller-line,.guide-steps li,.guide-category-desc{color:#bdd0e9}
code{overflow-wrap:anywhere;color:#b9e4ff}
table{border-collapse:collapse}td,th{border-bottom-color:#294870!important}th{color:#85ccff!important}
footer,.site-footer{color:#b5c8e1!important;background:#06142c!important;border-top:1px solid #244972!important}
/* Rich landing page: electric-blue depth without third-party assets. */
.announcement{background:#07142d!important;border-bottom:1px solid #1f4574!important}
.status-dot{background:#3fe6b1!important}
.hero{
 background:radial-gradient(circle at 80% 36%,rgba(29,132,255,.26),transparent 42%),
 linear-gradient(125deg,#041029 3%,#0a2451 53%,#06132f 100%)!important;
 border-bottom:1px solid #214778;
}
.hero h1{color:#f9fcff!important;line-height:1.12;letter-spacing:-.045em}
.hero h1 .text-gold{background:linear-gradient(110deg,#8fddff,#4aa5ff,#d8eeff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hero-copy{color:#c4d8f3!important}
.hero-art{filter:drop-shadow(0 10px 34px rgba(15,115,255,.19))}
.art-core{background:linear-gradient(144deg,rgba(9,42,94,.96),rgba(3,17,41,.98))!important;border-color:rgba(118,203,255,.67)!important;box-shadow:0 20px 60px rgba(20,100,245,.25),inset 0 0 45px rgba(40,123,255,.1)!important}
.art-core strong{color:#b7e8ff!important}
.art-ring{border-color:rgba(103,179,255,.42)!important}
.art-float{background:#0a2851!important;border-color:rgba(98,190,255,.48)!important;color:#caeaff!important}
.art-bar,.brand-mark,.category-icon,.product-monogram{
 background:linear-gradient(140deg,#2078df,#74d4ff)!important;color:#051733!important;
}
.category-tag,.stock-badge,.guide-kicker,.guide-indicator,.guide-steps li:before,.guide-category-chevron,
.guide-quicklinks a,.guide-category-name{color:#8fd4ff!important}
.product-visual{background:radial-gradient(circle at 72% 35%,#2163b170,#071934 72%)!important}
.product-visual-orbit{border-color:#3c93db90!important}
.guide-section{background:linear-gradient(180deg,#06162f,#091c3b)!important;border-color:#224a78!important}
.guide-divider{background:linear-gradient(90deg,#5bb5ff,transparent)!important}
.guide-panel-head,.guide-panel-actions,.guide-bottom-links{border-color:#2c5383!important}
.guide-category-item{background:#081e42!important}
.guide-category-item:hover{border-color:#70c6ff!important}
.guide-trust{border-color:#5faeff!important}
.section.alt{background:#071832!important}
.search-panel,.filter-form{border:1px solid #325a87!important}
.site-footer .brand-mark{box-shadow:0 0 30px #167add44}
@media(max-width:700px){
 .hero h1{font-size:clamp(2.1rem,10vw,3.4rem)}
 .hero-art{min-height:250px}
 body{font-size:15px}
 .button,.btn,button{max-width:100%}
 .box,.panel,.payment{padding:18px}
}
@media(prefers-reduced-motion:reduce){.product-card,.category-card,.feature-box,.module-card,.dashboard-card{transition:none}}