.gv{max-width:1120px;margin:0 auto;padding:22px 16px 56px;position:relative;z-index:1; --gv-ink:#04140a;--gv-hi:#3ddc65;--gv-in:#111418;--gv-warn:#f2c46d;--gv-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace} .gv [hidden]{display:none !important} .gv *{box-sizing:border-box} .gv a{color:inherit} .gv button,.gv input{font-family:inherit} .gv-main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "ticket" "how";gap:26px;padding-top:8px} .gv-main>*{min-width:0} .gv-intro{grid-area:intro} .gv-ticket{grid-area:ticket} .gv-how{grid-area:how} .gv-pill{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(34,197,94,.35);border-radius:999px;padding:6px 13px} .gv-pill.off{color:var(--sub);background:var(--bg2);border-color:var(--border)} .gv-pill.off .dot{background:var(--sub);animation:none} .gv-h1{font-size:clamp(2.1rem,9vw,3.5rem);line-height:1.04;letter-spacing:-.035em;font-weight:800;margin:16px 0 14px;text-wrap:balance} .gv-h1 em{font-style:normal;color:var(--accent)} .gv-lead{color:var(--sub);font-size:1.02rem;line-height:1.65;max-width:34em;margin:0;text-wrap:pretty} .gv-lead a{color:var(--accent);font-weight:700;text-decoration:none} .gv-lead a:hover{text-decoration:underline} .gv-last{margin-top:22px;max-width:34em;border:1px solid var(--border);border-radius:14px;padding:12px 16px;background:var(--card);display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px} .gv-last .gv-lbl{flex:1 0 100%} .gv-last b{font-size:1.2rem;letter-spacing:-.02em;overflow-wrap:anywhere} .gv-last span.gv-w{color:var(--sub);font-size:.88rem} .gv-how h2{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--sub);margin:0 0 14px;font-weight:700} .gv-how ol{list-style:none;margin:0;padding:0;display:grid;gap:0} .gv-how li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;position:relative;padding-bottom:18px} .gv-how li:last-child{padding-bottom:0} .gv-how li.link:before{content:"";position:absolute;left:14px;top:30px;bottom:2px;border-left:1px dashed var(--border)} .gv-how .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent-dim);color:var(--accent);font-weight:800;font-size:.85rem} .gv-how b{display:block;font-size:.95rem;margin-top:3px} .gv-how p{margin:2px 0 0;color:var(--sub);font-size:.86rem;line-height:1.5;text-wrap:pretty} .gv-ticket{position:relative;background:var(--card);border:1px solid #2c6a45;border-radius:22px;box-shadow:0 0 0 3px rgba(34,197,94,.07),0 24px 46px -28px rgba(34,197,94,.55)} .gv-tk-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 22px 18px;background:linear-gradient(135deg,rgba(34,197,94,.14),rgba(34,197,94,0) 62%);border-radius:21px 21px 0 0} .gv-lbl{display:block;font-size:.66rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--sub)} .gv-prize b{display:block;font-size:clamp(2.8rem,9vw,3.6rem);line-height:1;letter-spacing:-.045em;color:var(--accent);font-weight:800;margin-top:2px} .gv-time{text-align:right} .gv-cd{font-family:var(--gv-mono);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-top:5px;white-space:nowrap} .gv-cd i{font-style:normal;color:var(--sub);padding:0 1px} .gv-cd-u{display:grid;grid-template-columns:repeat(3,1fr);font-size:.6rem;letter-spacing:.09em;text-transform:uppercase;color:var(--sub);text-align:center} .gv-ends{margin-top:6px;font-size:.72rem;color:var(--sub)} .gv-ticket.is-idle .gv-time{visibility:hidden} .gv-tear{position:relative;height:0;border-top:2px dashed var(--border);margin:0 22px} .gv-tear:before,.gv-tear:after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:var(--bg);border:1px solid #2c6a45} .gv-tear:before{left:-34px;clip-path:inset(0 0 0 50%);border-left-color:transparent} .gv-tear:after{right:-34px;clip-path:inset(0 50% 0 0);border-right-color:transparent} .gv-body{padding:20px 22px 22px;display:grid;gap:16px} .gv-gate{display:flex;align-items:center;gap:16px} .gv-vault{width:76px;height:76px;flex:none;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#1d222a,#12151a);border:1.5px solid var(--border);position:relative;transition:border-color .35s,box-shadow .35s} .gv-vault:before{content:"";position:absolute;left:-7px;top:-7px;right:-7px;bottom:-7px;border-radius:50%;border:1px dashed var(--border);transition:border-color .35s} .gv-vault svg{width:46px;height:46px;overflow:visible} .gv-vault .sh{fill:none;stroke:var(--sub);stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:0% 100%;transition:transform .55s cubic-bezier(.3,1.45,.5,1),stroke .3s} .gv-vault .bd{fill:var(--sub);transition:fill .3s} .gv-vault .hl{fill:#12151a} .gv-vault.open{border-color:var(--accent);box-shadow:0 0 0 5px rgba(34,197,94,.10),0 0 32px rgba(34,197,94,.42)} .gv-vault.open:before{border-color:rgba(34,197,94,.5)} .gv-vault.open .sh{stroke:var(--accent);transform:translate(0,-7px) rotate(-26deg)} .gv-vault.open .bd{fill:var(--accent)} .gv-vault.ring:after{content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:50%;border:2px solid var(--accent);animation:gvring .9s ease-out forwards} @keyframes gvring{from{transform:scale(1);opacity:.9}to{transform:scale(1.55);opacity:0}} .gv-vault.off{opacity:.7} .gv-gate-txt{min-width:0} .gv-state{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--sub)} .gv-state:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sub)} .gv-state.on{color:var(--accent)} .gv-state.on:before{background:var(--accent)} .gv-gate-txt p{margin:3px 0 0;color:var(--sub);font-size:.9rem;line-height:1.45;text-wrap:pretty} .gv-entry{display:grid;gap:16px} .gv-stp{display:grid;gap:8px} .gv-f-label{display:flex;align-items:center;gap:9px;font-weight:700;font-size:.92rem} .gv-f-n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent-dim);color:var(--accent);font-size:.74rem;font-weight:800;flex:none} .gv-f-n svg{width:12px;height:12px} .gv-f-n path{fill:none;stroke:var(--gv-ink);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round} .gv-stp.done .gv-f-n{background:var(--accent)} .gv-field{position:relative;display:flex;align-items:center} .gv-field input{width:100%;height:54px;background:var(--gv-in);border:1.5px solid var(--border);border-radius:14px;color:var(--text);font-size:1.06rem;padding:0 16px;outline:0;transition:border-color .2s,box-shadow .2s,background .2s} .gv-field input::placeholder{color:#5e656f;font-weight:500} .gv-field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(34,197,94,.16)} .gv-field input:disabled{cursor:not-allowed} .gv-field .gv-word{text-transform:uppercase;letter-spacing:.16em;font-weight:800;padding-right:100px} .gv-field .gv-word::placeholder{letter-spacing:.04em;font-weight:600;font-size:1rem;text-transform:none} .gv-field .gv-handle{padding-left:36px;font-weight:600} .gv-at{position:absolute;left:16px;color:var(--sub);font-weight:700;pointer-events:none} .gv-unlock{position:absolute;right:5px;height:44px;padding:0 15px;border-radius:10px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-weight:700;font-size:.86rem;cursor:pointer} .gv-unlock:hover{border-color:var(--accent)} .gv button,.gv .gv-go,.gv .gv-alt{-webkit-tap-highlight-color:transparent} .gv button:active,.gv a.gv-go:active,.gv a.gv-alt:active{transform:translateY(1px)} .gv-okmark{position:absolute;right:14px;width:26px;height:26px;border-radius:50%;background:var(--accent);display:grid;place-items:center} .gv-okmark svg{width:14px;height:14px} .gv-okmark path{fill:none;stroke:var(--gv-ink);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round} .gv-field.bad input{border-color:var(--gv-warn);box-shadow:0 0 0 4px rgba(242,196,109,.14)} .gv-field.shake{animation:gvshake .4s} @keyframes gvshake{20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-7px)}80%{transform:translateX(7px)}} .gv-stp.good .gv-word{border-color:var(--accent);color:var(--accent);background:rgba(34,197,94,.07)} .gv-stp.lockedstep{opacity:.5} .gv-stp.lockedstep .gv-f-n{background:var(--bg2);color:var(--sub)} .gv-msg{margin:0;min-height:1.3em;font-size:.82rem;line-height:1.45;color:var(--sub)} .gv-msg.err{color:var(--gv-warn)} .gv-msg a{color:var(--accent);text-decoration:none;font-weight:700} .gv-go{display:grid;place-items:center;width:100%;height:56px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--gv-hi),var(--accent));color:var(--gv-ink);font-weight:800;font-size:1.02rem;text-decoration:none;box-shadow:0 8px 22px -8px rgba(34,197,94,.6);cursor:pointer} .gv-go:disabled{background:var(--bg2);color:#5e656f;box-shadow:none;cursor:not-allowed;border:1px solid var(--border)} .gv-alt{display:grid;place-items:center;width:100%;height:50px;border-radius:14px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer} .gv-alt:hover{border-color:var(--accent)} .gv-fine{margin:-4px 0 0;text-align:center;font-size:.76rem;line-height:1.5;color:var(--sub)} .gv-fine a{color:var(--sub)} .gv-check{width:64px;height:64px} .gv-check svg{width:64px;height:64px;display:block} .gv-check circle{fill:rgba(34,197,94,.12);stroke:var(--accent);stroke-width:2.5} .gv-check path{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:44;stroke-dashoffset:44;animation:gvdraw .5s .15s ease-out forwards} @keyframes gvdraw{to{stroke-dashoffset:0}} .gv-body h2{margin:0;font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere} .gv-body h2 .nm{color:var(--accent)} .gv-dsub{margin:0;color:var(--sub);font-size:.92rem;line-height:1.6;text-wrap:pretty} .gv-dsub a{color:var(--accent);text-decoration:none} .gv-btns{display:grid;gap:10px} .gv-dots{display:flex;gap:8px;align-items:center} .gv-dots i{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:gvdots 1.2s infinite ease-in-out} .gv-dots i:nth-child(2){animation-delay:.18s} .gv-dots i:nth-child(3){animation-delay:.36s} @keyframes gvdots{0%,80%,100%{transform:scale(.55);opacity:.4}40%{transform:scale(1);opacity:1}} .gv-link{background:none;border:0;padding:0;color:var(--accent);font-weight:700;font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px} .gv-sect{display:grid;gap:10px;justify-items:start} .gv-sect>*{margin:0} .gv-won{border:1px solid var(--border);border-radius:14px;padding:14px 16px;background:var(--gv-in);display:grid;gap:2px} .gv-won b{display:block;font-size:1.7rem;line-height:1.15;letter-spacing:-.02em;margin-top:2px;overflow-wrap:anywhere;color:var(--accent)} .gv-won .gv-w{color:var(--sub);font-size:.86rem} .gv a:focus-visible,.gv button:focus-visible,.gv summary:focus-visible,.gv input:focus-visible{outline:2px solid var(--accent);outline-offset:2px} .gv-f-n>span{display:grid;place-items:center} .gv-past{margin-top:44px;max-width:760px} .gv-past h2{font-size:1.15rem;margin:0 0 6px} .gv-past .gv-sub{color:var(--sub);font-size:.88rem;line-height:1.6;margin:0 0 14px} .gv-plist{list-style:none;margin:0;padding:0;display:grid;gap:8px} .gv-p{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 88px;gap:6px 14px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px} .gv-p-w{font-weight:800;font-size:1.02rem;letter-spacing:-.01em;overflow-wrap:anywhere} .gv-p-n{display:block} .gv-p-w small{display:block;font-weight:600;font-size:.72rem;color:var(--sub);letter-spacing:0;margin-top:1px} .gv-p-meta{color:var(--sub);font-size:.82rem;line-height:1.4} .gv-p-meta span{display:block} .gv-p-paid{justify-self:end;display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(34,197,94,.35);border-radius:999px;padding:3px 9px} .gv-p-paid:before{content:"\2713";font-size:.8rem;line-height:1} .gv-empty{border:1px dashed var(--border);border-radius:12px;padding:16px;color:var(--sub);font-size:.88rem;background:var(--card-empty)} .gv-more{margin-top:12px} .gv-more button{font-family:inherit;font-size:.84rem;font-weight:700;border:1px solid var(--border);background:var(--bg2);color:var(--text);border-radius:999px;padding:8px 16px;cursor:pointer} .gv-more button:hover{border-color:var(--accent)} .gv-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0} .gv-rules{margin-top:40px;max-width:760px} .gv .pg-faq{margin-top:30px} @media (min-width:900px){ .gv{padding-top:30px} .gv-main{grid-template-columns:minmax(0,1fr) minmax(0,456px);grid-template-areas:"intro ticket" "how ticket";grid-template-rows:auto 1fr;column-gap:72px;row-gap:34px;padding-top:26px;padding-bottom:20px;align-items:start} .gv-h1{font-size:3.5rem} } @media (max-width:480px){ .gv-tk-top{padding:18px 18px 16px} .gv-tear{margin:0 18px} .gv-tear:before{left:-30px} .gv-tear:after{right:-30px} .gv-body{padding:18px 18px 20px} .gv-cd{font-size:1.35rem} .gv-vault{width:68px;height:68px} .gv-vault svg{width:40px;height:40px} .gv-field .gv-word{padding-right:90px} .gv-unlock{padding:0 11px;font-size:.82rem} .gv-p{grid-template-columns:minmax(0,1fr) auto} .gv-p-meta{grid-column:1 / -1;order:3} } @media (max-width:340px){ .gv-tk-top{flex-wrap:wrap} .gv-time{text-align:left} } @media (prefers-reduced-motion:reduce){ .gv-field.shake,.gv-dots i{animation:none} .gv-vault,.gv-vault .sh,.gv-field input{transition:none} .gv-vault.ring:after{animation:none;opacity:0} .gv-check path{animation:none;stroke-dashoffset:0} }