/*
Theme Name: tech_SR 3D Pro
Author: tech_SR
Description: Futuristic 3D technology, blog and affiliate WordPress theme.
Version: 2.0
*/
:root{--bg:#030712;--panel:#071426;--panel2:#0b1830;--text:#f5f7ff;--muted:#aab4ca;--blue:#00b7ff;--purple:#8b2cff;--pink:#ff2bb5;--cyan:#00f0ff;--line:rgba(130,160,220,.2);--grad:linear-gradient(135deg,#00b7ff,#713cff 48%,#ff2bb5)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 5%,#17205a 0,#030712 35%),#030712;color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.tsr-header{position:sticky;top:0;z-index:1000;height:76px;padding:0 clamp(20px,5vw,70px);display:flex;align-items:center;gap:30px;background:rgba(3,7,18,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.3)}.tsr-brand{font-size:30px;font-weight:900;letter-spacing:-2px;white-space:nowrap}.tsr-brand span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tsr-brand small{display:block;font-size:7px;letter-spacing:4px;color:#aab4ca;font-weight:700;text-align:center}.tsr-header nav{display:flex;gap:26px;align-items:center;margin-left:auto}.tsr-header nav a{font-size:14px;color:#dbe4f7;transition:.25s}.tsr-header nav a:hover{color:var(--cyan);transform:translateY(-2px)}.tsr-news-btn,.tsr-btn{padding:12px 18px;border-radius:10px;font-weight:800}.tsr-news-btn{background:var(--grad);box-shadow:0 0 25px rgba(121,52,255,.35);font-size:13px}.tsr-menu{display:none;background:none;border:0;color:white;font-size:25px}.tsr-page{max-width:1500px;margin:auto}.tsr-hero{position:relative;min-height:610px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:75px clamp(25px,6vw,85px);overflow:hidden;background:radial-gradient(circle at 80% 40%,rgba(50,34,170,.35),transparent 38%),linear-gradient(180deg,#030817,#04091a)}.tsr-grid{position:absolute;inset:55% -10% -25%;background-image:linear-gradient(rgba(0,190,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(0,190,255,.13) 1px,transparent 1px);background-size:45px 45px;transform:perspective(500px) rotateX(55deg);mask-image:linear-gradient(to bottom,transparent,#000)}.tsr-orb{position:absolute;border-radius:50%;filter:blur(35px);opacity:.35}.orb1{width:220px;height:220px;background:#8b2cff;right:10%;top:10%}.orb2{width:170px;height:170px;background:#00b7ff;left:20%;bottom:5%}.tsr-hero-copy{position:relative;z-index:2}.tsr-pill{display:inline-block;border:1px solid #8a39ff;border-radius:30px;padding:9px 15px;color:#c59aff;font-size:12px;font-weight:800;letter-spacing:1px}.tsr-hero h1{font-size:clamp(50px,6vw,82px);line-height:.98;margin:22px 0;font-weight:900;letter-spacing:-4px}.tsr-hero h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tsr-hero-copy>p{max-width:560px;font-size:17px;line-height:1.7;color:#c2cbdd}.tsr-actions{display:flex;gap:15px;margin:28px 0}.tsr-btn{border:1px solid #64718d}.tsr-btn.primary{background:var(--grad);border:0}.tsr-btn.ghost{background:rgba(255,255,255,.03)}.tsr-stats{display:flex;gap:28px;margin-top:35px}.tsr-stats div{display:flex;flex-direction:column}.tsr-stats strong{font-size:21px}.tsr-stats small{color:#9da9c1;margin-top:4px}.tsr-hero-art{height:510px;position:relative;display:flex;align-items:center;justify-content:center}.tsr-ring{width:430px;height:430px;border:1px solid rgba(0,215,255,.55);border-radius:50%;box-shadow:0 0 45px rgba(0,170,255,.3),inset 0 0 55px rgba(100,40,255,.25);animation:spin 16s linear infinite}.tsr-ring:before,.tsr-ring:after{content:"";position:absolute;inset:35px;border:1px dashed rgba(210,60,255,.5);border-radius:50%}.tsr-ring:after{inset:75px;border-color:rgba(0,210,255,.35)}.tsr-logo3d{position:absolute;text-align:center;transform:perspective(600px) rotateY(-7deg);text-shadow:0 10px 25px #000}.tsr-logo3d span{font-size:clamp(58px,7vw,105px);font-weight:950;letter-spacing:-7px;color:#eef3ff;text-shadow:0 3px 0 #72798a,0 15px 35px #000}.tsr-logo3d i{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tsr-logo3d small{display:block;letter-spacing:8px;color:#e9edf9;font-size:13px;margin-top:5px}.tsr-robot{position:absolute;font-size:100px;right:3%;top:5%;filter:drop-shadow(0 0 20px #00c8ff);animation:float 3s ease-in-out infinite}.tsr-section{padding:65px clamp(20px,4vw,60px)}.tsr-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.tsr-section-head h2{font-size:17px;letter-spacing:1px}.tsr-section-head h2 span{color:#bba1ff}.tsr-section-head a{color:#00cfff;font-size:13px}.tsr-blog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tsr-card,.tsr-product,.media-card{background:linear-gradient(145deg,rgba(16,29,53,.9),rgba(5,13,27,.95));border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.3s;box-shadow:0 15px 35px rgba(0,0,0,.18)}.tsr-card:hover,.tsr-product:hover,.media-card:hover{transform:translateY(-7px);border-color:rgba(0,200,255,.5);box-shadow:0 18px 50px rgba(0,160,255,.13)}.tsr-thumb{height:175px;background:linear-gradient(135deg,#071c3d,#151044);overflow:hidden}.tsr-thumb img{width:100%;height:100%;object-fit:cover}.fallback-art{height:100%;display:grid;place-items:center;font-size:44px;font-weight:900;color:#00cfff;text-shadow:0 0 30px #0077ff}.tsr-card-body{padding:16px}.tag{font-size:10px;background:var(--grad);padding:5px 8px;border-radius:5px;font-weight:900}.tsr-card h3{font-size:16px;line-height:1.35;margin:13px 0 7px}.tsr-card p{color:#9eabc3;font-size:12px;line-height:1.5}.tsr-card small{color:#aab5ca}.tsr-products{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tsr-product{padding:12px;position:relative}.rank{position:absolute;left:9px;top:9px;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:var(--grad);font-size:11px}.product-art{height:130px;display:grid;place-items:center;font-size:65px;background:radial-gradient(circle,#142a55,#050b18);border-radius:8px}.tsr-product h3{font-size:13px;min-height:35px}.tsr-product strong{color:#00cfff}.tsr-product del{font-size:10px;color:#727d91;margin-left:5px}.tsr-mini-btn{display:block;text-align:center;margin-top:12px;padding:8px;border-radius:8px;background:linear-gradient(135deg,#006eff,#8c2cff);font-size:11px;font-weight:900}.tsr-media{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:20px clamp(20px,4vw,60px) 65px}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.media-card{min-height:160px;padding:10px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(145deg,#071a3a,#130d2e)}.media-play{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:auto;background:var(--grad);box-shadow:0 0 25px rgba(160,50,255,.35)}.media-card b{font-size:11px;line-height:1.35;margin-top:10px}.media-card small{color:#7f8ca4;font-size:9px;margin-top:5px}.tsr-newsletter{margin:0 clamp(20px,4vw,60px) 50px;padding:25px 35px;border-radius:18px;background:linear-gradient(100deg,#1830c7,#a52cf0,#ff7a17);display:flex;align-items:center;justify-content:space-between;gap:25px}.mail-icon{float:left;font-size:42px;margin-right:18px}.tsr-newsletter h2{margin:3px 0;font-size:20px}.tsr-newsletter p{margin:0;color:#e9e9ff}.tsr-newsletter form{display:flex;min-width:45%}.tsr-newsletter input{flex:1;border:0;padding:15px 18px;border-radius:10px 0 0 10px;outline:0}.tsr-newsletter button{border:0;padding:0 22px;border-radius:0 10px 10px 0;background:#091121;color:white;font-weight:900}.tsr-footer{padding:55px clamp(25px,5vw,70px);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;border-top:1px solid var(--line);background:#020610}.tsr-footer p{color:#8f9bb1;max-width:280px;line-height:1.6}.tsr-footer>div>a:not(.tsr-brand){display:block;color:#98a4ba;font-size:13px;margin:10px 0}.tsr-footer h3{font-size:14px}.social{display:flex;gap:10px}.social a{border:1px solid var(--line);width:35px;height:35px;display:grid!important;place-items:center;border-radius:50%;margin:0!important}.tsr-copy{text-align:center;padding:16px;background:#01040a;color:#7f8ca4;font-size:12px}.tsr-copy span{color:#ff2bb5}.to-top{position:fixed;right:20px;bottom:20px;width:45px;height:45px;border:0;border-radius:50%;background:var(--grad);color:white;font-size:22px;z-index:999;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-15px) rotate(2deg)}}@media(max-width:1000px){.tsr-header nav{gap:12px}.tsr-products{grid-template-columns:repeat(3,1fr)}.tsr-blog-grid{grid-template-columns:repeat(2,1fr)}.tsr-hero{grid-template-columns:1fr}.tsr-hero-art{height:400px}.tsr-media{grid-template-columns:1fr}.tsr-footer{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.tsr-header{height:65px}.tsr-header nav,.tsr-news-btn{display:none}.tsr-menu{display:block;margin-left:auto}.tsr-brand{font-size:24px}.tsr-hero{padding-top:45px}.tsr-hero h1{font-size:48px}.tsr-stats{gap:14px;flex-wrap:wrap}.tsr-hero-art{height:310px}.tsr-ring{width:280px;height:280px}.tsr-logo3d span{font-size:58px}.tsr-robot{font-size:55px}.tsr-products{grid-template-columns:repeat(2,1fr)}.tsr-blog-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.tsr-newsletter{display:block;padding:25px}.tsr-newsletter form{margin-top:20px;min-width:0}.tsr-footer{grid-template-columns:1fr}.tsr-section{padding:45px 18px}}