/* Borderless glass direction: light, blur and spacing separate the layers. */
.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:0 0 24px 24px;margin-bottom:18px;padding-inline:104px}
.hero:before{content:"";position:absolute;inset:0;z-index:-3;background-image:url("hero-tausta.png");background-size:cover;background-position:center 48%;filter:saturate(.9) brightness(.68)}
.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,10,22,.93) 0%,rgba(3,11,24,.79) 34%,rgba(4,13,28,.25) 68%,rgba(3,10,21,.42) 100%),linear-gradient(180deg,rgba(2,8,18,.15),transparent 65%,rgba(3,10,20,.68))}
.hero-copy,.hero-flow{position:relative;z-index:1}.hero h1{text-shadow:0 3px 28px rgba(0,0,0,.72)}.hero-copy>p{color:#c8d3e3}.replay-note{color:#91a3bb}.hero-flow:before{opacity:.16}
.panel{border:0!important;background:linear-gradient(145deg,rgba(18,38,65,.58),rgba(7,20,38,.72))!important;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);box-shadow:inset 0 1px rgba(185,210,248,.04),0 28px 75px rgba(0,0,0,.15)!important}
.control{border-radius:18px;background:linear-gradient(135deg,rgba(14,34,61,.72),rgba(6,19,36,.78))!important}.control:before{opacity:.34}.control:after{opacity:.13}
.match-card{border:0!important;border-radius:13px;background:radial-gradient(circle at 50% 25%,rgba(78,104,181,.2),transparent 48%),rgba(19,38,66,.65);box-shadow:inset 0 1px rgba(180,207,247,.045)}
.money{border-color:rgba(110,143,187,.14)}.money span+span{border-color:rgba(110,143,187,.14)}
.stage{border:0!important;border-radius:13px;background:linear-gradient(155deg,rgba(29,52,84,.48),rgba(9,25,46,.36));box-shadow:inset 0 1px rgba(166,198,241,.035);opacity:.68}.stage.locked{opacity:.38}.stage.complete{opacity:1;background:linear-gradient(155deg,rgba(20,50,67,.48),rgba(8,29,39,.38));box-shadow:inset 0 0 0 1px rgba(49,177,132,.12),0 10px 35px rgba(0,0,0,.08)}.stage.active{opacity:1;background:linear-gradient(155deg,rgba(31,59,101,.7),rgba(10,29,54,.66));box-shadow:inset 0 0 0 1px rgba(96,145,237,.3),0 16px 42px rgba(0,0,0,.17)}.stage header{border-color:rgba(110,142,182,.12)}.stage header i{border-color:rgba(143,176,220,.38)}
.stage button{border:0;background:rgba(7,20,37,.48);box-shadow:inset 0 0 0 1px rgba(102,139,189,.18)}.progress-line{background:rgba(84,118,156,.18)}
.flow-person,.flow-escrow{border:0;backdrop-filter:blur(12px);background:rgba(10,26,48,.63);box-shadow:inset 0 0 0 1px rgba(104,144,200,.18),0 14px 35px rgba(0,0,0,.18)}.flow-escrow{background:linear-gradient(135deg,rgba(51,81,174,.86),rgba(25,46,102,.88));box-shadow:inset 0 0 0 1px rgba(83,148,255,.42),0 0 35px rgba(49,111,233,.38)}.flow-escrow:after{border:0;box-shadow:0 0 0 1px rgba(94,152,255,.1)}.winner{box-shadow:inset 0 0 0 1px rgba(57,190,139,.2),0 14px 35px rgba(0,0,0,.18)}.fee{border:0;box-shadow:inset 0 0 0 1px rgba(238,184,75,.3),0 16px 35px rgba(0,0,0,.22);backdrop-filter:blur(12px);background:rgba(28,26,26,.7)}
.badges span{border:0;background:rgba(17,36,62,.58);box-shadow:inset 0 0 0 1px rgba(110,145,194,.12);backdrop-filter:blur(10px)}
.timeline,.architecture{border-radius:18px}.timeline{background:linear-gradient(150deg,rgba(14,35,61,.68),rgba(6,20,38,.72))!important}.architecture{background:radial-gradient(circle at 55% 45%,rgba(67,104,179,.1),transparent 47%),linear-gradient(145deg,rgba(14,34,59,.63),rgba(6,19,36,.7))!important}
.arch-flow>div{border:0;background:rgba(17,37,64,.48);box-shadow:inset 0 0 0 1px rgba(101,139,190,.11)}.arch-flow>div:hover{border:0;background:rgba(25,50,84,.68);box-shadow:inset 0 0 0 1px rgba(100,147,214,.2),0 15px 35px rgba(0,0,0,.12)}
.principles span{border:0!important;box-shadow:inset 0 0 0 1px rgba(112,153,211,.13)}.view-toggle{border:0;background:rgba(4,15,29,.45);box-shadow:inset 0 0 0 1px rgba(95,130,177,.1)}
.bottom-grid{border-radius:18px;background:linear-gradient(135deg,rgba(15,34,59,.65),rgba(7,20,37,.72));backdrop-filter:blur(24px);box-shadow:inset 0 1px rgba(184,207,239,.035),0 25px 65px rgba(0,0,0,.13);gap:0;overflow:hidden}.bottom-grid .info{border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}.bottom-grid .info+ .info:after{content:"";position:absolute;left:0;top:20px;bottom:20px;width:1px;background:linear-gradient(transparent,rgba(102,137,181,.15),transparent)}.info:before{opacity:.35}
.cta{border:0!important;border-radius:16px;background:radial-gradient(circle at 76% 50%,rgba(82,98,217,.25),transparent 40%),rgba(12,29,53,.72)!important;backdrop-filter:blur(22px);box-shadow:0 28px 75px rgba(0,0,0,.18)!important}
.private{border:0;box-shadow:inset 0 0 0 1px rgba(143,112,212,.17);backdrop-filter:blur(12px)}
dialog{border:0;backdrop-filter:blur(28px);box-shadow:inset 0 0 0 1px rgba(102,145,201,.18),0 35px 120px #000}
@media(min-width:1600px){.hero{padding-inline:120px}}
@media(max-width:1050px){.hero{padding-inline:30px;border-radius:0 0 18px 18px}.hero:after{background:linear-gradient(90deg,rgba(3,10,22,.94),rgba(3,11,24,.78) 60%,rgba(3,10,21,.48))}.bottom-grid{background:transparent;backdrop-filter:none;box-shadow:none}.bottom-grid .info{border-radius:14px;background:rgba(13,31,55,.7)!important;margin-bottom:8px}.bottom-grid .info+.info:after{display:none}}