:root{--green: #05ae46;--green-dark: #275d2b;--mint: #a8ebbe;--mint-dark: #4e9a60;--on-green: #021007;--on-mint: #0e2912;--bg: #020403;--text: #eaf5ee;--text-2: rgba(234, 245, 238, .58);--text-3: #6f8c79}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(70% 55% at 85% 0%,#05ae464d,#02040300 70%),radial-gradient(55% 45% at 0% 20%,#05ae4624,#02040300 70%),radial-gradient(90% 60% at 30% 110%,#275d2b99,#275d2b33 40%,#02040300 70%),linear-gradient(180deg,#030805,#020403 48%,#06130a)}.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 56 16.2v32.4L28 64.8 0 48.6V16.2zM28 64.8 56 81v32M28 64.8 0 81v32' fill='none' stroke='%2305AE46' stroke-opacity='.08' stroke-width='1'/%3E%3C/svg%3E");-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 45%,transparent 55%,#000 100%);mask-image:linear-gradient(180deg,#000 0%,transparent 45%,transparent 55%,#000 100%)}.app-grid{position:relative;min-height:100vh;max-width:1920px;margin:0 auto;padding:clamp(12px,2vh,24px) clamp(16px,2vw,40px);display:grid;grid-template-rows:auto 1fr 1fr;gap:clamp(10px,1.6vh,20px)}@media(max-height:820px){.app-grid{min-height:auto;grid-template-rows:auto auto auto}}.header{position:relative;z-index:20;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(5,174,70,.55))}.brand-kicker{font-size:10px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:var(--green)}.brand h1{margin:0;font-family:Unbounded,sans-serif;font-weight:800;font-size:clamp(16px,1.5vw,28px);letter-spacing:-.02em;line-height:1}.toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:20px;background:#030805bf;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0d,0 20px 40px -24px #000000e6}.toggle-indicator{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:15px;background:linear-gradient(180deg,#12cc5e,#05ae46);box-shadow:0 10px 30px -10px #05ae46e6,inset 0 1px #ffffff59;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.toggle button{position:relative;display:flex;align-items:center;gap:11px;padding:9px 18px 9px 14px;border:none;background:transparent;cursor:pointer;text-align:left;transition:color .3s}.toggle .label{display:flex;flex-direction:column;gap:1px}.toggle .label strong{font-size:14px;font-weight:800;white-space:nowrap}.toggle .label span{font-size:11px;font-weight:600;opacity:.7;white-space:nowrap}.month-ctl{display:flex;align-items:stretch;height:54px;border-radius:16px;border:1px solid rgba(5,174,70,.45);background:#030a06bf;box-shadow:0 20px 40px -24px #000000e6}.month-ctl button{border:none;background:transparent;color:var(--text);cursor:pointer}.month-ctl .nav{width:42px;display:flex;align-items:center;justify-content:center}.month-ctl .nav:first-child{border-right:1px solid rgba(5,174,70,.22);border-radius:15px 0 0 15px}.month-ctl .nav:last-child{border-left:1px solid rgba(5,174,70,.22);border-radius:0 15px 15px 0}.month-ctl .center{display:flex;align-items:center;gap:12px;padding:0 16px;color:#fff}.month-ctl .center .meta{display:flex;flex-direction:column;gap:3px;text-align:left}.month-ctl .center .meta small{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#eaf5ee8c}.month-ctl .center .meta strong{font-family:Unbounded,sans-serif;font-weight:700;font-size:16px;line-height:1}.month-ctl .center .meta strong em{font-style:normal;font-weight:400;color:var(--green)}.period-box{display:flex;align-items:center;gap:12px;height:54px;padding:0 18px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#030a06bf}.period-box>div{display:flex;flex-direction:column;gap:3px}.period-box small{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#eaf5ee8c}.period-box strong{font-family:Unbounded,sans-serif;font-weight:700;font-size:16px;line-height:1}.period-box strong em{font-style:normal;font-weight:400;color:var(--green)}.picker{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:330px;display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:22px;background:linear-gradient(180deg,#0c1c11,#060d08);border:1px solid rgba(5,174,70,.4);box-shadow:0 40px 90px -20px #000000f2,inset 0 1px #ffffff0f;animation:pop .22s cubic-bezier(.2,.8,.2,1) both}.picker-year{display:flex;align-items:center;justify-content:space-between;gap:10px}.picker-year button{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center}.picker-year .y{display:flex;flex-direction:column;align-items:center;gap:3px}.picker-year .y small{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#eaf5ee80}.picker-year .y strong{font-family:Unbounded,sans-serif;font-weight:800;font-size:22px;color:#fff}.picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.picker-grid button{height:48px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text);font-size:14px;font-weight:800;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.picker-grid button.selected{background:linear-gradient(180deg,#12cc5e,#05ae46);color:var(--on-green);border-color:transparent}.picker-grid button.disabled{opacity:.28;cursor:not-allowed}.picker-grid .dot{width:4px;height:4px;border-radius:50%;background:currentColor}.picker-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.picker-foot span{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#eaf5ee8c}.picker-foot span i{width:5px;height:5px;border-radius:50%;background:var(--green)}.picker-foot button{padding:8px 12px;border-radius:10px;border:1px solid rgba(5,174,70,.5);background:#05ae461f;color:#7be3a3;font-size:12px;font-weight:800;cursor:pointer}.section{display:grid;grid-template-rows:auto 1fr;gap:clamp(8px,1.2vh,14px);min-height:0}.section-head{display:flex;align-items:center;gap:12px}.chip{font-family:Unbounded,sans-serif;font-weight:800;font-size:13px;letter-spacing:.16em;padding:6px 12px;border-radius:8px}.chip.sdr{background:var(--green);color:var(--on-green)}.chip.closer{background:var(--mint);color:var(--on-mint)}.section-head p{margin:0;font-size:14px;font-weight:600;color:#eaf5ee99}.section-head .line{flex:1;height:1px}.section-head .line.sdr{background:linear-gradient(90deg,rgba(5,174,70,.55),transparent)}.section-head .line.closer{background:linear-gradient(90deg,rgba(168,235,190,.55),transparent)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1vw,18px);min-height:0}.card{position:relative;min-height:230px;container-type:size;border-radius:22px;overflow:hidden;cursor:pointer;border:1px solid rgba(5,174,70,.32);box-shadow:0 24px 50px -30px #000000e6,inset 0 1px #ffffff12;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;animation:rise .6s cubic-bezier(.2,.8,.2,1) both;background:radial-gradient(90% 120% at 100% 0%,rgba(5,174,70,.16),transparent 60%),#050d08}.card.closer{border-color:#a8ebbe42;background:radial-gradient(90% 120% at 100% 0%,rgba(168,235,190,.1),transparent 60%),linear-gradient(160deg,#10271a,#0a1a0f 60%,#07130a)}.card:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:0 30px 60px -28px #05ae468c,inset 0 1px #ffffff1f}.card.closer:hover{border-color:var(--mint);box-shadow:0 30px 60px -28px #a8ebbe59,inset 0 1px #ffffff1f}.card-photo{position:absolute;top:0;right:0;bottom:0;width:50%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 42%);mask-image:linear-gradient(90deg,transparent 0%,#000 42%);display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,rgba(255,255,255,.028) 0 2px,transparent 2px 14px),radial-gradient(75% 60% at 55% 38%,#1b3822,#040a0600 80%)}.card-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.card-photo .ini{font-family:Unbounded,sans-serif;font-weight:800;font-size:clamp(26px,14cqh,68px);line-height:1;color:#05ae4642}.card.closer .card-photo .ini{color:#a8ebbe42}.card-accent{position:absolute;left:0;top:0;width:60%;height:2px;background:linear-gradient(90deg,var(--green),transparent);pointer-events:none}.card.closer .card-accent{background:linear-gradient(90deg,var(--mint),transparent)}.card-glow{position:absolute;left:0;right:0;bottom:0;height:60%;background:radial-gradient(70% 90% at 15% 100%,rgba(5,174,70,.22),transparent 70%);pointer-events:none}.card.closer .card-glow{background:radial-gradient(70% 90% at 15% 100%,rgba(39,93,43,.55),transparent 70%)}.card-body{position:relative;height:100%;display:flex;flex-direction:column}.card-main{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:clamp(10px,4.5cqh,22px) clamp(12px,4cqw,24px)}.card-title{display:flex;align-items:center;gap:clamp(8px,3cqw,14px);min-width:0;padding-right:12%}.hex{flex-shrink:0;width:clamp(26px,11cqh,50px);aspect-ratio:1 / 1.1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#05ae46,#275d2b);display:flex;align-items:center;justify-content:center}.card.closer .hex{background:linear-gradient(160deg,#a8ebbe,#4e9a60)}.hex svg{width:46%;height:46%;stroke:var(--on-green);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.card.closer .hex svg{stroke:var(--on-mint)}.card-title .meta{display:flex;flex-direction:column;gap:clamp(2px,1.2cqh,6px);min-width:0}.kicker-row{display:flex;align-items:center;gap:8px;white-space:nowrap}.kicker{font-size:clamp(8px,2.5cqh,11px);font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--green)}.card.closer .kicker{color:var(--mint)}.scope{padding:2px 7px;border-radius:999px;border:1px solid var(--green);font-size:clamp(8px,2.3cqh,10px);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:transparent}.scope.filled{background:var(--green);color:var(--on-green)}.card.closer .scope{border-color:var(--mint);color:var(--mint)}.card.closer .scope.filled{background:var(--mint);color:var(--on-mint)}.metric-name{font-family:Unbounded,sans-serif;font-weight:700;font-size:clamp(13px,min(5.4cqw,6.6cqh),26px);line-height:1.05;letter-spacing:-.02em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-day{margin-top:4px;font-family:Unbounded,sans-serif;font-weight:400;font-size:clamp(11px,min(3.2cqw,3.8cqh),15px);letter-spacing:.02em;color:#eaf5ee6b;line-height:1.1}.value-block{display:flex;flex-direction:column;gap:clamp(4px,2.2cqh,12px)}.value-line{display:flex;align-items:baseline;gap:5px;white-space:nowrap;font-family:Unbounded,sans-serif;color:#fff}.value-line .pre{font-weight:600;font-size:clamp(11px,4cqh,22px);color:#eaf5ee99}.value-line .main{font-weight:900;font-size:clamp(20px,min(10cqw,15cqh),72px);line-height:.95;letter-spacing:-.04em;text-shadow:0 0 34px rgba(5,174,70,.55)}.card.closer .value-line .main{text-shadow:0 0 34px rgba(168,235,190,.35)}.value-line .cents{font-weight:600;font-size:.42em;letter-spacing:0;color:#eaf5ee73;text-shadow:none}.value-line .unit{font-weight:700;font-size:clamp(11px,min(3.6cqw,4.4cqh),20px);color:var(--green)}.card.closer .value-line .unit{color:var(--mint)}.hist-month{font-family:Unbounded,sans-serif;font-weight:400;font-size:clamp(11px,3.8cqh,18px);color:var(--green)}.card.closer .hist-month{color:var(--mint)}.person-line{display:flex;align-items:center;gap:8px;min-width:0}.person-tag{font-size:9px;font-weight:800;letter-spacing:.12em;padding:3px 6px;border-radius:5px;background:var(--green);color:var(--on-green)}.card.closer .person-tag{background:var(--mint);color:var(--on-mint)}.person-line strong{font-size:clamp(12px,4.2cqh,19px);font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-badge{position:absolute;bottom:clamp(10px,4.5cqh,22px);right:clamp(10px,3cqw,18px);z-index:2;padding:4px 9px;border-radius:999px;background:var(--green);color:var(--on-green);font-size:10px;font-weight:800;letter-spacing:.12em;box-shadow:0 0 18px #05ae4699}.card.closer .new-badge{background:var(--mint);color:var(--on-mint);box-shadow:0 0 18px #a8ebbe73}.leader-foot{width:100%;background:#0206038c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(5,174,70,.25);padding:10px 16px 12px}.card.closer .leader-foot{border-top-color:#a8ebbe38}.leader-foot small{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#eaf5ee8c;margin-bottom:4px}.leader-foot .row{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.leader-foot .row span{font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-foot .row strong{font-family:Unbounded,sans-serif;font-weight:700;white-space:nowrap}.leader-foot .row strong em{font-style:normal;font-size:.42em;font-weight:600;opacity:.45}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:0}.status-bar{font-size:11px;color:var(--text-3);opacity:.8;white-space:nowrap;text-align:right;max-width:100%;overflow:hidden;text-overflow:ellipsis}.header-actions{display:flex;align-items:center;gap:10px}.logout-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:12px;border:1px solid transparent;background:transparent;color:#eaf5ee59;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.logout-btn:hover,.logout-btn.open{color:#eaf5eed9;border-color:#ffffff1a;background:#ffffff0a}.logout-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}.logout-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:290px;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#0c1c11,#060d08);border:1px solid rgba(5,174,70,.4);box-shadow:0 40px 90px -20px #000000f2,inset 0 1px #ffffff0f;animation:pop .22s cubic-bezier(.2,.8,.2,1) both}.logout-pop strong{font-family:Unbounded,sans-serif;font-weight:700;font-size:15px;color:#fff}.logout-pop p{margin:0;font-size:13px;line-height:1.45;color:var(--text-2)}.logout-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.logout-actions button{height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text);font-size:13px;font-weight:800;cursor:pointer;transition:background .2s,border-color .2s}.logout-actions button:hover{background:#ffffff14}.logout-actions button.confirm{border-color:#ff8f8f80;background:#ff8f8f24;color:#ffc4c4}.logout-actions button.confirm:hover{background:#ff8f8f38}.overlay{position:fixed;inset:0;z-index:100;background:#010302cc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:min(1240px,100%);max-height:min(90vh,900px);overflow:auto;border-radius:28px;border:1px solid rgba(5,174,70,.28);background:radial-gradient(70% 90% at 50% 110%,rgba(5,174,70,.18),transparent 70%),linear-gradient(180deg,#0b1810,#060d08);box-shadow:0 40px 100px -30px #000000f2;padding:28px}.modal.closer{border-color:#a8ebbe38;background:radial-gradient(70% 90% at 50% 110%,rgba(39,93,43,.45),transparent 70%),linear-gradient(180deg,#0b1810,#060d08)}.modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:6px 0 0;font-family:Unbounded,sans-serif;font-weight:800;font-size:clamp(20px,2.4vw,32px)}.modal-head h2 em{font-style:normal;font-weight:400;color:var(--green)}.modal.closer .modal-head h2 em{color:var(--mint)}.modal-head h2 .record-day{margin-left:.4em;font-weight:400;font-size:.58em;letter-spacing:0;color:#eaf5ee66;vertical-align:baseline}.modal-close{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#fff;cursor:pointer;font-size:20px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.tabs button{border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#eaf5eeb3;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer}.tabs button.active.sdr{background:var(--green);color:var(--on-green);border-color:transparent}.tabs button.active.closer{background:var(--mint);color:var(--on-mint);border-color:transparent}.hist-strip{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;border:1px dashed rgba(5,174,70,.45);margin-bottom:20px;color:#eaf5eed9}.modal.closer .hist-strip{border-color:#a8ebbe59}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px;align-items:end;margin-bottom:22px}.podium-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.podium-photo{width:96px;aspect-ratio:1 / 1.1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#132016;overflow:hidden;position:relative}.podium-photo.first{width:120px;box-shadow:0 0 0 3px #12cc5e}.podium-photo.second{box-shadow:0 0 0 3px #c0c7cb}.podium-photo.third{box-shadow:0 0 0 3px #275d2b}.podium-photo img{width:100%;height:100%;object-fit:cover}.podium-block{width:100%;border-radius:16px 16px 8px 8px;background:linear-gradient(180deg,#05ae462e,#05ae460d);position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}.modal.closer .podium-block{background:linear-gradient(180deg,#a8ebbe24,#275d2b14)}.podium-block .num{font-family:Unbounded,sans-serif;font-weight:900;font-size:64px;opacity:.14;line-height:1}.rank-list{display:flex;flex-direction:column;gap:10px}.rank-row{display:grid;grid-template-columns:36px 42px 1fr auto;gap:12px;align-items:center}.rank-row .pos{font-family:Unbounded,sans-serif;color:var(--text-3);font-weight:700}.rank-mini{width:42px;aspect-ratio:1 / 1.1;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);overflow:hidden;background:#132016}.rank-mini img{width:100%;height:100%;object-fit:cover}.bar{height:8px;border-radius:999px;background:#ffffff0f;overflow:hidden;margin-top:6px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#05ae46,#12cc5e)}.modal.closer .bar>i{background:linear-gradient(90deg,#4e9a60,#a8ebbe)}.loading,.error{min-height:100vh;display:grid;place-items:center;font-family:Unbounded,sans-serif}.error{color:#ff8f8f;padding:40px;text-align:center}@media(max-width:1100px){.cards{grid-template-columns:1fr}.app-grid{grid-template-rows:auto auto auto}}.lg{--hex: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;isolation:isolate;background:radial-gradient(48% 40% at 50% 30%,#05ae4633,#02040300 70%),radial-gradient(70% 55% at 85% 0%,#05ae4638,#02040300 70%),radial-gradient(90% 60% at 30% 110%,#275d2b99,#275d2b33 40%,#02040300 70%),linear-gradient(180deg,#030805,#020403 48%,#06130a)}.lg-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.lg-hexgrid{position:absolute;inset:0;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 56 16.2v32.4L28 64.8 0 48.6V16.2zM28 64.8 56 81v32M28 64.8 0 81v32' fill='none' stroke='%2305AE46' stroke-opacity='.08' stroke-width='1'/%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 42%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse 80% 70% at 50% 42%,#000 15%,transparent 72%)}.lg-comb{position:absolute;inset:-10% 0;display:flex;justify-content:center;gap:clamp(18px,4vw,60px);opacity:.6;-webkit-mask-image:radial-gradient(ellipse 70% 62% at 50% 45%,transparent 24%,#000 56%,transparent 90%);mask-image:radial-gradient(ellipse 70% 62% at 50% 45%,transparent 24%,#000 56%,transparent 90%);transition:opacity .5s ease}.lg-comb-col{display:flex;flex-direction:column;gap:18px;animation:lg-rise 70s linear infinite;will-change:transform}.lg-comb-col:nth-child(2n){margin-top:-64px;animation-duration:88s}.lg-comb-col:nth-child(3n){animation-duration:104s}.lg-cell{position:relative;flex-shrink:0;width:clamp(52px,6vw,84px);aspect-ratio:1 / 1.1;clip-path:var(--hex);background:#05ae4629;display:grid;place-items:center}.lg-cell:before{content:"";position:absolute;inset:1px;clip-path:var(--hex);background:linear-gradient(160deg,#07120b,#030805)}.lg-cell.hot{background:#05ae4699;animation:lg-breathe 4.5s ease-in-out infinite}.lg-cell.hot:before{background:linear-gradient(160deg,#05ae4652,#275d2b33 55%,#050d08)}.lg-cell.mint{background:#a8ebbe47}.lg-cell.mint:before{background:linear-gradient(160deg,#a8ebbe1a,#05ae460d 45%,#050d08 80%)}.lg-cell:nth-child(3n).hot{animation-delay:-1.5s}.lg-cell:nth-child(4n).hot{animation-delay:-3s}.lg-cell svg{position:relative;width:34%;height:34%;fill:none;stroke:var(--mint);stroke-opacity:.6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lg-sweep{position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,rgba(168,235,190,.05) 50%,transparent 58%);background-size:250% 100%;animation:lg-sweep 7s ease-in-out infinite;transition:opacity .5s ease}.lg-stage{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:40px 16px 32px;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1),filter .5s ease}.lg.is-leaving .lg-stage{opacity:0;transform:scale(1.04);filter:blur(6px)}.lg.is-leaving .lg-comb,.lg.is-leaving .lg-sweep{opacity:0}.lg-brand{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;animation:lg-in .7s cubic-bezier(.2,.8,.2,1) both}.lg-mark{position:relative;width:132px;height:132px;margin-bottom:10px}.lg-mark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.lg-mark polygon{fill:none;stroke-linejoin:round;transform-box:fill-box;transform-origin:center}.lg-mark .lg-ring-pulse{stroke:url(#lg-ring);stroke-width:1;animation:lg-pulse 2.8s ease-in-out infinite}.lg-mark .lg-ring-out{stroke:url(#lg-ring);stroke-width:1.6;stroke-dasharray:14 10;stroke-linecap:round;animation:lg-spin 18s linear infinite}.lg-mark .lg-ring-in{stroke:var(--mint);stroke-opacity:.3;stroke-width:1;stroke-dasharray:4 9;stroke-linecap:round;animation:lg-spin 26s linear infinite reverse}.lg-mark .lg-tile{fill:url(#lg-tile);stroke:#05ae46bf;stroke-width:1.5;transition:stroke .4s}.lg.is-busy .lg-ring-out{animation-duration:3s}.lg.is-busy .lg-ring-in{animation-duration:5s}.lg.is-done .lg-tile{stroke:var(--mint)}.lg-mark img{position:absolute;left:50%;top:50%;width:74px;height:74px;transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 0 14px rgba(5,174,70,.55));transition:filter .4s}.lg.is-done .lg-mark img{filter:drop-shadow(0 0 22px rgba(168,235,190,.75))}.lg-kicker{font-size:11px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:var(--green)}.lg-brand h1{margin:0;font-family:Unbounded,sans-serif;font-weight:800;font-size:clamp(26px,3.2vw,34px);line-height:1;letter-spacing:-.02em;color:#fff}.lg-status{min-height:18px;margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3)}.lg-status svg{width:14px;height:14px;color:var(--mint)}.lg-card-in{width:100%;max-width:420px;animation:lg-in .7s .12s cubic-bezier(.2,.8,.2,1) both}.lg-card{--mx: 50%;--my: 0%;position:relative;min-height:308px;padding:28px 26px 24px;border-radius:22px;border:1px solid rgba(5,174,70,.3);background:radial-gradient(420px circle at var(--mx) var(--my),rgba(5,174,70,.1),transparent 45%),radial-gradient(90% 120% at 100% 0%,rgba(5,174,70,.14),transparent 60%),linear-gradient(180deg,#0c1c11d1,#050c08e6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 40px 90px -20px #000000f2,inset 0 1px #ffffff12}.lg-card:before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--green),var(--mint),transparent)}.lg-card.shake{animation:lg-shake .42s cubic-bezier(.36,.07,.19,.97) both}.lg-view{display:flex;flex-direction:column;gap:18px;margin:0;animation:lg-fade .35s ease both}.lg-head h2{margin:0;font-family:Unbounded,sans-serif;font-weight:700;font-size:20px;letter-spacing:-.01em;color:#fff}.lg-head p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--text-2)}.lg-field{display:flex;flex-direction:column;gap:8px}.lg-field label{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#eaf5ee8c}.lg-input{display:flex;align-items:center;height:56px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#030a06bf;transition:border-color .2s,box-shadow .2s}.lg-input:focus-within{border-color:#05ae46bf;box-shadow:0 0 0 4px #05ae4629,0 0 30px -8px #05ae4680}.lg-input.bad{border-color:#ff8f8f99}.lg-input.bad:focus-within{box-shadow:0 0 0 4px #ff8f8f24}.lg-input-ic{flex-shrink:0;width:30px;aspect-ratio:1 / 1.1;margin-left:13px;clip-path:var(--hex);background:linear-gradient(160deg,#05ae46,#275d2b);display:grid;place-items:center}.lg-input-ic svg{width:48%;height:48%;fill:none;stroke:var(--on-green);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.lg-input input{flex:1;min-width:0;height:100%;padding:0 12px;border:0;outline:none;background:transparent;color:#fff;font:700 16px Manrope,system-ui,sans-serif;letter-spacing:.04em}.lg-input input[type=password]{letter-spacing:.22em}.lg-input input::placeholder{color:#eaf5ee38;letter-spacing:.22em}.lg-input input:disabled{opacity:.6}.lg-input input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s 0s}.lg-eye{flex-shrink:0;margin-right:8px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--text-3);font-size:12px;font-weight:700;cursor:pointer;transition:color .2s,background .2s}.lg-eye:hover{color:var(--text);background:#ffffff0d}.lg-eye:focus-visible{outline:2px solid var(--green)}.lg-caps{margin:0;font-size:12px;font-weight:700;color:#f5c451}.lg-msg{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:600;line-height:1.45;animation:lg-fade .25s ease both}.lg-msg:before{content:"!";flex-shrink:0;width:18px;height:18px;margin-top:1px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.lg-msg b{font-variant-numeric:tabular-nums}.lg-msg.erro{background:#ff8f8f14;border:1px solid rgba(255,143,143,.35);color:#ffd0d0}.lg-msg.erro:before{background:#ff8f8f;color:#2a0b0b}.lg-msg.bloqueio{background:#f5c45114;border:1px solid rgba(245,196,81,.35);color:#f8e2ad}.lg-msg.bloqueio:before{background:#f5c451;color:#2a1f05}.lg-msg.info{background:#a8ebbe12;border:1px solid rgba(168,235,190,.3);color:#d6f5e1}.lg-msg.info:before{content:"i";background:var(--mint);color:var(--on-mint)}.lg-btn{position:relative;overflow:hidden;height:54px;border:0;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:Unbounded,sans-serif;font-weight:700;font-size:15px;color:var(--on-green);background:linear-gradient(180deg,#12cc5e,#05ae46);box-shadow:0 14px 34px -12px #05ae46e6,inset 0 1px #ffffff59;cursor:pointer;transition:transform .2s,box-shadow .25s,filter .2s,opacity .2s}.lg-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.32) 50%,transparent 65%);transform:translate(-100%);animation:lg-shine 3.6s ease-in-out 1.4s infinite}.lg-btn svg{width:18px;height:18px;transition:transform .25s}.lg-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 18px 40px -12px #05ae46,inset 0 1px #fff6}.lg-btn:hover:not(:disabled) svg{transform:translate(3px)}.lg-btn:active:not(:disabled){transform:translateY(0)}.lg-btn:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.lg-btn:disabled{cursor:default}.lg-btn:disabled:after{display:none}.lg-btn.locked{background:#f5c4511a;color:#f5c451;box-shadow:inset 0 0 0 1px #f5c45159;font-variant-numeric:tabular-nums}.lg-help{margin:0;text-align:center;font-size:12.5px;color:var(--text-3)}.lg-spin{flex-shrink:0;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:lg-spin .8s linear infinite}.lg-skel{display:flex;flex-direction:column;gap:12px}.lg-sk{border-radius:12px;background:linear-gradient(90deg,#05ae460d,#a8ebbe1c,#05ae460d);background-size:200% 100%;animation:lg-shimmer 1.2s linear infinite}.lg-splash{min-height:256px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;animation:lg-fade .35s ease both}.lg-splash-ic{margin-bottom:4px;filter:drop-shadow(0 0 18px rgba(5,174,70,.45));transition:filter .4s}.lg-splash-ic span{position:relative;width:64px;aspect-ratio:1 / 1.1;clip-path:var(--hex);background:#05ae46a6;color:var(--green);display:grid;place-items:center;transition:background .4s,color .4s}.lg-splash-ic span:before{content:"";position:absolute;inset:1.5px;clip-path:var(--hex);background:linear-gradient(160deg,#0d2415,#050d08)}.lg-splash-ic svg{position:relative;width:28px;height:28px}.lg-splash.ok .lg-splash-ic{filter:drop-shadow(0 0 24px rgba(168,235,190,.5))}.lg-splash.ok .lg-splash-ic span{background:#a8ebbebf;color:var(--mint)}.lg-splash h2{margin:0;font-family:Unbounded,sans-serif;font-weight:700;font-size:19px;color:#fff}.lg-splash p{max-width:42ch;margin:0;font-size:13.5px;color:var(--text-2)}.lg-track{width:100%;max-width:270px;margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;text-align:left}.lg-track li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--text-3);transition:color .3s}.lg-track li i{flex-shrink:0;width:20px;aspect-ratio:1 / 1.1;clip-path:var(--hex);display:grid;place-items:center;font-size:10px;font-weight:800;font-style:normal;background:#ffffff14;color:var(--text-3);transition:background .3s,color .3s}.lg-track li.now{color:var(--text)}.lg-track li.now i{background:#05ae4638;color:var(--green)}.lg-track li.done{color:#eaf5eed1}.lg-track li.done i{background:var(--green);color:var(--on-green)}.lg-splash.ok .lg-track li.done i{background:var(--mint);color:var(--on-mint)}.lg-track .lg-spin{width:9px;height:9px;border-width:1.5px}.lg-foot{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;font-size:11.5px;color:var(--text-3);animation:lg-in .7s .24s cubic-bezier(.2,.8,.2,1) both}.lg-sign{display:inline-flex;align-items:center;gap:9px;font-size:9.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;opacity:.55;transition:opacity .3s}.lg-sign:hover{opacity:.9}.lg-sign img{height:15px;width:auto}.lg-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes lg-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes lg-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes lg-spin{to{transform:rotate(360deg)}}@keyframes lg-pulse{0%,to{opacity:.25;transform:scale(.96)}50%{opacity:.65;transform:scale(1.03)}}@keyframes lg-rise{to{transform:translateY(-50%)}}@keyframes lg-breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes lg-sweep{0%{background-position:120% 0}to{background-position:-20% 0}}@keyframes lg-shine{0%{transform:translate(-100%)}45%,to{transform:translate(100%)}}@keyframes lg-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes lg-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@media(max-width:480px){.lg-stage{gap:22px}.lg-card{padding:24px 18px 20px;border-radius:18px}.lg-mark{width:108px;height:108px}.lg-mark img{width:60px;height:60px}}@media(prefers-reduced-motion:reduce){.lg-comb-col,.lg-cell.hot,.lg-sweep,.lg-mark polygon,.lg-btn:after,.lg-sk{animation:none!important}.lg-brand,.lg-card-in,.lg-foot,.lg-view,.lg-splash,.lg-card.shake{animation:none}.lg-stage{transition:opacity .3s ease}.lg.is-leaving .lg-stage{transform:none;filter:none}}