/* 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}}

/* TechDigitalPro Premium 3D | Root Domain Release 2026-10-31 */
:root { --tdp-gold:#f0ce91; --tdp-gold-strong:#d7a75a; --tdp-blue:#59aefe; --tdp-midnight:#070b15; --tdp-panel:#121925; --tdp-line:rgba(231,202,149,.23); --gold:#e5b96d; --gold2:#bd8542; --stroke:#463e3a; }
html { color-scheme: dark; }
body { background:linear-gradient(150deg,#080b14 0%,#10131f 55%,#070a10 100%); background-attachment: fixed; }
.announcement { background:linear-gradient(90deg,#10121a,#211c19,#10121a);color:#eacb99;border-bottom:1px solid #71553555; }
.site-header {background:rgba(9,12,20,.85)!important; backdrop-filter:blur(22px) saturate(135%); border-color:rgba(236,194,120,.22)!important;box-shadow:0 12px 35px #0006;}
.brand-mark{transform:perspective(150px) rotateY(-12deg) rotateX(6deg); box-shadow:inset 1px 2px 7px #fff5,5px 7px 0 #573d20, 0 13px 30px #cc993e45!important;}
.button {background:linear-gradient(125deg,#fbe0a4 0%,#e5b663 49%,#aa7839 100%)!important;border:1px solid #ffdaa0!important;box-shadow:0 9px 27px #d7a35629,inset 0 1px 0 #fff8;transform:translateZ(0);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important}
.button:hover {transform:translateY(-4px);box-shadow:0 14px 38px #d5a44b45!important;}
.button.secondary,.button.ghost{background:#191d2c!important;color:#f3d7a6!important;box-shadow:none!important;}
.hero{isolation:isolate;background:radial-gradient(ellipse at 78% 38%,#3e2d27 0%,#161a28 42%,#090b13 76%)!important;}
.hero::after {content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.42;background-image:linear-gradient(#bd956824 1px, transparent 1px), linear-gradient(90deg,#bd956824 1px,transparent 1px);background-size:58px 58px;transform:perspective(800px) rotateX(70deg) scale(1.6);transform-origin:50% 100%;mask-image:linear-gradient(transparent,black);}
.hero-inner{position:relative;min-height:600px;}
.hero h1{text-shadow:0 5px 45px #000a;letter-spacing:-.05em;}
.text-gold{background:linear-gradient(95deg,#ffe5b8,#c38b4a,#f8e3b1);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-art{perspective:900px;transform-style:preserve-3d;}
.art-core{background:linear-gradient(145deg,#3d2d22,#181b28 48%,#0d1019)!important;border:1px solid #e7c48eaa!important;box-shadow:25px 28px 0 #090b13,34px 36px 0 #d0a36120,0 14px 75px #d4a45d36!important;animation:tdp-float 6s ease-in-out infinite;backface-visibility:hidden;}
.art-ring{border-color:#dcba7d88!important;filter:drop-shadow(0 0 25px #c6964165);animation:tdp-orbit 15s linear infinite;}
.ring-two{animation-direction:reverse;animation-duration:20s;border-color:#649ded57!important;}
.art-float{backdrop-filter:blur(14px);background:#161c2ecc!important;box-shadow:0 15px 35px #0008!important;border-color:#c59b6d77!important;animation:tdp-float 7s ease-in-out infinite;}
.art-float.bottom{animation-delay:-3s;}
.section.alt{background:linear-gradient(180deg,#0f131d,#0a101c)!important;}
.category-card,.product-card,.feature-box,.guide-panel,.guide-info-card,.info-panel,.detail-visual,.cta-banner{position:relative;isolation:isolate;border-color:var(--tdp-line)!important;background:linear-gradient(145deg,#1b2231,#10141f 72%,#101015)!important;box-shadow:0 15px 38px #0005, inset 0 1px #fff1;transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;}
.category-card::before,.product-card::before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),#ffe0a813,transparent 55%);z-index:0;}
.category-card:hover,.product-card:hover,.feature-box:hover{border-color:#d6ad6b88!important;box-shadow:0 22px 55px #0009, 0 0 28px #c69c542b!important;}
.category-card:hover,.feature-box:hover{transform:perspective(900px) translateY(-7px) rotateX(2deg);}
.product-card:hover{transform:perspective(900px) translateY(-8px) rotateX(2deg);}
.product-visual{background:radial-gradient(circle at 60% 35%,#59412e,#1b2331 48%,#0d111d)!important;perspective:700px;}
.product-monogram{transform:rotate(-8deg) rotateY(-17deg)!important;box-shadow:12px 14px 0 #07080ba9,0 20px 34px #0008!important;transition:transform .3s;}
.product-card:hover .product-monogram{transform:rotate(-1deg) rotateY(9deg) translateZ(14px)!important;}
.category-icon{background:linear-gradient(145deg,#403020,#161e2c)!important;box-shadow:4px 6px 0 #080c15a0;}
.guide-panel,.guide-info-card{overflow:hidden;}
.guide-quicklinks a,.search-panel,.filter-form input,.filter-form select{box-shadow:inset 0 1px 0 #fff1,0 8px 20px #0003;}
.cta-banner{background:radial-gradient(circle at 80% 35%,#5f4424 0%,#1b1c2a 45%,#12141f 100%)!important;}
.site-footer{background:#080b13!important;border-color:#a77c403b!important;}
@keyframes tdp-float{0%,100%{translate:0 0;}50%{translate:0 -11px;}}
@keyframes tdp-orbit{from{rotate:0deg}to{rotate:360deg}}
@media(max-width:920px){.hero-inner{min-height:auto}.hero-art{perspective:750px}.art-float{animation-duration:9s}}
@media(max-width:680px){.hero::after{opacity:.2}.art-ring{animation:none}.art-core{box-shadow:13px 16px 0 #090b13,18px 22px 0 #d0a36120!important}.product-card:hover,.category-card:hover,.feature-box:hover{transform:none}.art-float{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.art-core,.art-float,.art-ring{animation:none!important}.category-card,.product-card,.feature-box,.button,.product-monogram{transition:none!important;transform:none!important}}