@font-face{font-family:Manrope;src:url('/assets/manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:dark;font-family:Manrope,Arial,sans-serif;background:#06080d;color:#eceef4;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:0;background:radial-gradient(ellipse 80% 40% at 50% -5%,#15212e,transparent 80%),#06080d;min-height:100svh}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #9db9f4;outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,p{margin:0}
.qr-pass{width:min(100%,444px);min-height:100svh;margin-inline:auto;padding:max(10px,env(safe-area-inset-top)) 28px max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center}
.qr-brand{position:relative;isolation:isolate;overflow:hidden;width:calc(100% + 32px);flex:none;aspect-ratio:2.15;display:grid;align-items:center;margin:0 -16px 13px;background:transparent}
.qr-brand img{width:100%;height:auto;object-fit:contain}
.qr-reflection{position:absolute;inset:0;background:linear-gradient(110deg,transparent 38%,#d8e8ff1f 48%,#b592e81a 51%,transparent 62%);background-size:220% 100%;background-position:100% 50%;background-repeat:no-repeat;opacity:0;mix-blend-mode:screen;animation:qr-reflection 24s linear infinite 3s;pointer-events:none;mask-image:url('/assets/wabi-logo-complet-qr.webp');mask-size:100% auto;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url('/assets/wabi-logo-complet-qr.webp');-webkit-mask-size:100% auto;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}
.qr-person{text-align:center}.qr-person h1{font-size:21px;font-weight:500;letter-spacing:-.025em;line-height:1.35}.qr-person p{font-size:12px;color:#b1b6c3;line-height:1.7;margin-top:4px}
.qr-square{width:min(100%,276px);flex:none;aspect-ratio:1;margin-top:27px;background:#fff;padding:6px;border-radius:7px}.qr-square img{width:100%;height:auto;aspect-ratio:1}
.qr-invitation{font-size:12px;color:#bdc4d0;text-align:center;line-height:1.6;margin-top:19px}.qr-actions{width:min(100%,304px);display:flex;flex-direction:column;gap:4px;margin-top:24px}.qr-view-card{min-height:48px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border:1px solid #bccbdf3b;border-radius:6px;background:linear-gradient(130deg,#242c39,#131923);font-size:13px;font-weight:500}.qr-view-card:hover{background:linear-gradient(130deg,#303b4c,#1b2430)}.qr-view-card span{font-size:19px;font-weight:400;color:#b9c5d6}.qr-download{min-height:44px;padding:8px 18px;display:flex;align-items:center;justify-content:center;gap:13px;font-size:11px;color:#a8b1c1}.qr-download:hover{color:#f4f6fc}.qr-address{font-size:10px;letter-spacing:.12em;color:#798497;line-height:1.5;text-align:center;margin-top:13px}
@keyframes qr-reflection{0%{background-position:100% 50%;opacity:0}5%{background-position:100% 50%;opacity:.4}45%{background-position:0% 50%;opacity:.4}50%,100%{background-position:0% 50%;opacity:0}}
@media(max-width:350px){.qr-pass{padding-inline:20px}.qr-brand{margin-bottom:10px}.qr-person h1{font-size:19px}.qr-person p{font-size:11px}.qr-square{width:232px;margin-top:21px}.qr-invitation{margin-top:15px}.qr-actions{margin-top:20px}}
@media(max-height:720px){.qr-pass{justify-content:flex-start;padding-top:max(5px,env(safe-area-inset-top));padding-bottom:max(15px,env(safe-area-inset-bottom))}.qr-brand{width:min(100%,320px);aspect-ratio:2.4;margin:0 0 8px}.qr-square{width:232px;margin-top:17px}.qr-invitation{margin-top:13px}.qr-actions{margin-top:16px}.qr-address{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.qr-reflection{display:none}}