.main{position:relative;isolation:isolate}.main:before,.main:after{content:"";position:absolute;inset:-24vh -20vw;pointer-events:none;z-index:-1}.main:before{background:radial-gradient(circle at 50% 34%,rgba(111,132,79,.11) 0,rgba(71,88,52,.045) 20%,transparent 48%),radial-gradient(circle at 17% 62%,rgba(89,112,66,.045),transparent 34%),radial-gradient(circle at 83% 58%,rgba(89,112,66,.04),transparent 35%);filter:blur(8px);opacity:.9}.main:after{background:linear-gradient(90deg,transparent 0,rgba(92,113,70,.025) 12%,transparent 25%,transparent 75%,rgba(92,113,70,.025) 88%,transparent 100%),radial-gradient(circle at 50% 0,rgba(150,166,119,.045),transparent 22%);mix-blend-mode:screen}.scene:before,.scene:after{content:"";position:fixed;inset:0;pointer-events:none}.scene:before{z-index:1;background:radial-gradient(circle at 50% 38%,transparent 0,transparent 34%,rgba(65,84,47,.035) 50%,transparent 68%),repeating-linear-gradient(90deg,rgba(124,145,92,.018) 0,rgba(124,145,92,.018) 1px,transparent 1px,transparent 72px),repeating-linear-gradient(0deg,rgba(124,145,92,.013) 0,rgba(124,145,92,.013) 1px,transparent 1px,transparent 54px);mask-image:radial-gradient(circle at center,black 0,rgba(0,0,0,.88) 48%,transparent 88%);animation:none}.scene:after{z-index:2;background:radial-gradient(circle at 50% 42%,transparent 0,transparent 48%,rgba(0,0,0,.18) 82%,rgba(0,0,0,.42) 100%),linear-gradient(180deg,transparent 0,rgba(100,124,75,.012) 48%,transparent 52%);background-size:auto,100% 8px}.card{will-change:transform,box-shadow,border-color;backdrop-filter:blur(3px);transform-style:preserve-3d}.card:after{transition:border-color .3s ease,opacity .3s ease}.card:before{animation:edgeFlicker 9s ease-in-out infinite}.card.proximity{transform:translateY(-2px) perspective(900px) rotateX(.35deg);border-color:#536347;box-shadow:0 15px 38px rgba(0,0,0,.4),0 0 26px rgba(86,104,64,.14)}.card.proximity .branch{filter:drop-shadow(0 0 5px rgba(120,132,90,.55))}.card.proximity .qrplate{border-color:#667653;box-shadow:0 0 0 1px #74805d,0 0 26px rgba(93,112,67,.2),0 14px 30px rgba(0,0,0,.48)}.card.proximity .code{border-color:#4f5e3e;background:rgba(15,20,12,.9)}.hub{position:absolute;left:50%;top:-4px;width:10px;height:10px;margin:0;transform:translateX(-50%);transition:transform .25s ease;filter:none;animation:none}.hub:before,.hub:after{display:none}.network:before{content:"";position:absolute;left:50%;top:-114px;width:220px;height:220px;transform:translate(-50%,0);transform-origin:50% 50%;border:1px solid rgba(108,129,77,.045);border-radius:50%;box-shadow:0 0 0 24px rgba(87,103,64,.014),0 0 0 48px rgba(87,103,64,.009),0 0 0 84px rgba(87,103,64,.006);pointer-events:none;animation:ringPulse 8s ease-in-out infinite}.network:after{content:"";position:absolute;left:50%;top:0;width:2px;height:2px;transform:translate(-50%,-50%);background:#b6c99a;border-radius:50%;pointer-events:none}.network:has(.card.proximity) .hub{transform:translateX(-50%) scale(1.08)}.cards:focus-within .card:not(:focus-within){opacity:.72}.card:nth-child(1) .inner{clip-path:polygon(0 0,100% 0,100% 96%,96% 100%,0 100%)}.card:nth-child(2) .inner{clip-path:polygon(0 0,96% 0,100% 4%,100% 100%,0 100%)}.card:nth-child(3) .inner{clip-path:polygon(0 0,100% 0,96% 4%,96% 96%,100% 100%,0 100%)}.card:nth-child(4) .inner{clip-path:polygon(4% 0,100% 0,100% 100%,0 100%,0 4%)}.card:nth-child(5) .inner{clip-path:polygon(0 0,100% 0,100% 100%,4% 100%,0 96%)}.branch{left:50%;width:2px;transform:translateX(-50%)}.branch:after{left:50%;top:-5px;width:8px;height:8px;transform:translateX(-50%);box-sizing:border-box}.branch:before{left:50%;bottom:-2px;width:8px;height:2px;transform:translateX(-50%)}.qrplate{overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.06))}.qrplate:before,.qrplate:after{animation:cornerPulse 4.5s ease-in-out infinite}.qrplate img{position:relative;z-index:1}.qrplate::after{content:"";position:absolute;left:8%;right:8%;top:-20%;height:1px;background:rgba(173,193,137,.18);box-shadow:0 0 10px rgba(126,151,92,.14);animation:qrSweep 5.5s ease-in-out infinite;pointer-events:none;z-index:2}.code{transition:border-color .25s ease,color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease}.code:hover,.code:focus-visible{box-shadow:inset 0 0 18px rgba(86,108,65,.06),0 0 14px rgba(86,108,65,.06);transform:translateY(-1px)}.qrplate:focus-visible,.code:focus-visible{outline:1px solid var(--field);outline-offset:3px}.footer{opacity:.92}.footer:before{content:"";position:absolute;left:50%;width:min(520px,45vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(92,109,70,.15),transparent);margin-top:-9px}.footer span:first-child{display:block;width:100%;text-align:center}.footer span:last-child{display:block;width:100%;margin-top:6px;text-align:center;font-size:.84em;letter-spacing:.12em;color:#46513f}.main{filter:drop-shadow(0 0 14px rgba(64,80,47,.03))}@keyframes edgeFlicker{0%,100%{opacity:.42}48%{opacity:.54}52%{opacity:.44}78%{opacity:.5}}@keyframes ringPulse{0%,100%{opacity:.42}50%{opacity:.78}}@keyframes cornerPulse{0%,100%{opacity:.68}50%{opacity:1}}@keyframes qrSweep{0%,18%{top:-18%;opacity:0}30%{opacity:.18}68%{top:118%;opacity:.1}80%,100%{top:118%;opacity:0}}@media(max-width:920px){.main:before{inset:-12vh -28vw}.network:before{width:180px;height:180px;top:-94px}.footer:before{width:38vw}}@media(max-width:600px){.main:before{inset:-8vh -58vw}.network:before{width:150px;height:150px;top:-84px}.footer:before{width:62vw}.card.proximity{transform:translateY(-1px)}.qrplate::after{animation-duration:7s}}@media(prefers-reduced-motion:reduce){.card.proximity{transform:none}.network:has(.card.proximity) .hub{transform:translateX(-50%)}.network:before,.card:before,.qrplate:before,.qrplate:after{animation:none}.main:before,.main:after{filter:none}}