@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Chivo+Mono:wght@500;600&display=swap";:root{--waf-bg-dark: #020305;--waf-bg-panel: rgba(10, 13, 20, .65);--waf-primary: #ff3366;--waf-accent: #00f0ff;--waf-terminal: #0f3;--waf-text-main: #ffffff;--waf-text-muted: #8b9bb4;--waf-border: rgba(255, 255, 255, .08);--waf-grid-color: rgba(0, 240, 255, .03);--waf-font-head: "Montserrat", sans-serif;--waf-font-mono: "Chivo Mono", monospace;--waf-ease: cubic-bezier(.23, 1, .32, 1)}.waf-container{min-height:100vh;background-color:var(--waf-bg-dark);background-image:radial-gradient(circle at 50% 0%,rgba(255,51,102,.08),transparent 60%),radial-gradient(circle at 100% 100%,rgba(0,240,255,.05),transparent 50%);color:var(--waf-text-main);font-family:var(--waf-font-head);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;perspective:1000px}.waf-scanlines{position:absolute;inset:0;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 4px;pointer-events:none;z-index:50;opacity:.6}.waf-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 50%,#000 120%);pointer-events:none;z-index:51}.waf-radar{position:absolute;inset:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(0,240,255,.03) 60deg,transparent 60deg);animation:radar-spin 10s linear infinite;pointer-events:none;z-index:2}@keyframes radar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.waf-crosshair{position:absolute;width:20px;height:20px;border:2px solid var(--waf-border);z-index:20;pointer-events:none;opacity:.5}.waf-crosshair.tl{top:20px;left:20px;border-right:none;border-bottom:none}.waf-crosshair.tr{top:20px;right:20px;border-left:none;border-bottom:none}.waf-crosshair.bl{bottom:20px;left:20px;border-right:none;border-top:none}.waf-crosshair.br{bottom:20px;right:20px;border-left:none;border-top:none}.waf-grid-bg{position:absolute;inset:-100%;width:300%;height:300%;background-image:linear-gradient(var(--waf-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--waf-grid-color) 1px,transparent 1px);background-size:60px 60px;transform:perspective(500px) rotateX(60deg) translateY(-100px) translateZ(-200px);animation:grid-move 20s linear infinite;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);z-index:1}@keyframes grid-move{0%{transform:perspective(500px) rotateX(60deg) translateY(0) translateZ(-200px)}to{transform:perspective(500px) rotateX(60deg) translateY(60px) translateZ(-200px)}}.waf-content{position:relative;z-index:10;width:100%;max-width:600px}.waf-panel{background:var(--waf-bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--waf-border);border-radius:24px;padding:3rem;box-shadow:0 40px 80px -20px #000000b3,inset 0 0 0 1px #ffffff08;position:relative;overflow:hidden;transform-style:preserve-3d}.waf-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--waf-primary),transparent);opacity:.8}.waf-terminal{margin-top:1.5rem;margin-bottom:2rem;background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:1rem;font-family:var(--waf-font-mono);font-size:.8rem;color:var(--waf-terminal);text-align:left;position:relative;overflow:hidden}.waf-terminal-line{margin-bottom:.25rem;opacity:.9;display:flex;gap:.5rem}.waf-terminal-line.error{color:var(--waf-primary)}.waf-terminal-line.warn{color:#fe3}.waf-cursor{display:inline-block;width:8px;height:14px;background:var(--waf-terminal);animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{50%{opacity:0}}.glitch-text{font-size:3rem;font-weight:700;line-height:1;color:var(--waf-text-main);position:relative;text-transform:uppercase;letter-spacing:-.02em}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--waf-bg-dark)}.glitch-text:before{left:2px;text-shadow:-1px 0 var(--waf-primary);clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 var(--waf-accent);clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}20%{clip:rect(6px,9999px,86px,0)}40%{clip:rect(68px,9999px,12px,0)}60%{clip:rect(25px,9999px,39px,0)}80%{clip:rect(51px,9999px,73px,0)}to{clip:rect(10px,9999px,4px,0)}}@keyframes glitch-anim2{0%{clip:rect(81px,9999px,19px,0)}20%{clip:rect(16px,9999px,58px,0)}40%{clip:rect(4px,9999px,83px,0)}60%{clip:rect(92px,9999px,31px,0)}80%{clip:rect(27px,9999px,65px,0)}to{clip:rect(63px,9999px,14px,0)}}.waf-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.waf-detail-item{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.25rem;transition:all .2s var(--waf-ease)}.waf-detail-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-2px)}.waf-detail-item.full{grid-column:span 2}.waf-label{font-size:.75rem;color:var(--waf-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.waf-value{font-family:var(--waf-font-mono);font-size:.95rem;color:var(--waf-accent)}.waf-value.ray-id{color:var(--waf-text-main);font-size:1.1rem;letter-spacing:.05em}.waf-actions{display:flex;gap:1rem;margin-top:2rem}.waf-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;border-radius:12px;font-weight:600;text-decoration:none;font-size:.95rem;transition:all .2s var(--waf-ease);cursor:pointer;border:none;font-family:var(--waf-font-head)}.waf-btn-primary{background:var(--waf-primary);color:#fff;box-shadow:0 4px 20px #f366}.waf-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 25px #ff336680}.waf-btn-secondary{background:#ffffff0d;color:var(--waf-text-main);border:1px solid rgba(255,255,255,.1)}.waf-btn-secondary:hover{background:#ffffff1a;border-color:#fff3}@media(max-width:600px){.waf-details-grid{grid-template-columns:1fr}.waf-detail-item.full{grid-column:span 1}.waf-actions{flex-direction:column}.glitch-text{font-size:2.5rem}.waf-panel{padding:2rem}.waf-terminal{font-size:.7rem}}