@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
/* ana sayfa: Web3 bandı */
.web3-band{margin:0 clamp(12px,2vw,28px);border-radius:40px;position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 80% at 8% 0%,#2f6bff55,transparent 60%),radial-gradient(ellipse 55% 70% at 95% 60%,#7c4dff44,transparent 60%),radial-gradient(ellipse 50% 60% at 50% 115%,#19d3a233,transparent 60%),#0a1a33;box-shadow:inset 0 0 0 1px #ffffff1c,0 50px 100px -50px #1d4fd8aa}
.web3-band:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 70% 50%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 70% 50%,#000,transparent 70%)}
.web3-band .container{position:relative}
.infra-visual{position:relative;background:linear-gradient(160deg,#ffffff14,#ffffff05)!important;border:1px solid #ffffff22!important;box-shadow:inset 0 1px 0 #ffffff30,0 40px 80px -30px #000a}
.infra-node.primary{position:relative}
.infra-node.primary:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--a),transparent 0 55%,#5aa2ff,#19d3a2,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:w3spin 5s linear infinite}
@keyframes w3spin{to{--a:360deg}}
.infra-nodes{position:relative}
.infra-nodes:before{content:"";position:absolute;left:12%;right:12%;top:-12px;height:2px;background:linear-gradient(90deg,transparent,#5aa2ff,#19d3a2,transparent);opacity:.6}
.infra-nodes:after{content:"";position:absolute;top:-15px;left:12%;width:8px;height:8px;border-radius:50%;background:#19d3a2;box-shadow:0 0 14px 4px #19d3a299;animation:w3pulse 3.4s var(--v9-ease,ease) infinite}
@keyframes w3pulse{0%{left:12%;opacity:0}15%,85%{opacity:1}100%{left:calc(88% - 8px);opacity:0}}
.infra-nodes>div{transition:transform .5s var(--v9-ease,ease),border-color .4s,background .4s}
.infra-nodes>div:hover{transform:translateY(-5px);background:#ffffff1a;border-color:#5aa2ff88}
.infra-fees b{background:linear-gradient(120deg,#cfe0ff,#5ef2c8);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Web3 sayfası */
.page-hero{background:transparent!important}
.page-hero h1{background:linear-gradient(110deg,#0d2145 28%,#2f6bff 68%,#19d3a2);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme=dark] .page-hero h1{background-image:linear-gradient(110deg,#fff 28%,#8db4ff 68%,#5ef2c8)}
.feature-card,.fee-grid>div,.process-grid>div{transition:transform .5s var(--v9-ease,ease),box-shadow .5s}
.feature-card:hover,.fee-grid>div:hover,.process-grid>div:hover{transform:translateY(-6px);box-shadow:0 30px 60px -28px #2f6bff55}
.fee-grid b{background:linear-gradient(120deg,#2f6bff,#19d3a2);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(48px,5vw,72px);letter-spacing:-.04em;line-height:1.05}
.process-grid>div{position:relative;overflow:hidden}
.process-grid>div:after{content:"";position:absolute;left:0;top:-2px;height:2px;width:100%;background:linear-gradient(90deg,#2f6bff,#19d3a2);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--v9-ease,ease)}
.process-grid>div:hover:after{transform:scaleX(1)}
.finance-calculator{background:linear-gradient(160deg,#fff,#f2f7ff)!important;box-shadow:0 1px 0 #fff inset,0 40px 80px -36px #2f6bff55}
html[data-theme=dark] .finance-calculator{background:linear-gradient(160deg,#16233a,#101a2c)!important}
.finance-calculator input:focus{outline:0;border-color:#2f6bff;box-shadow:0 0 0 4px #2f6bff22}
@media(prefers-reduced-motion:reduce){.infra-node.primary:before,.infra-nodes:after{animation:none}}
.page-hero{-webkit-mask-image:linear-gradient(#000 85%,transparent);mask-image:linear-gradient(#000 85%,transparent)}