:root{--ink:#163d35;--ink-2:#0c2822;--gold:#d6a94f;--surface:#fffdf9;--line:#dbe7df;--muted:#69817a;--shadow:0 18px 45px rgba(17,57,47,.09);--radius:22px}*{box-sizing:border-box}body{min-height:100vh;overflow-x:hidden;background:linear-gradient(125deg,#f4f8f4 0%,#fdfbf6 47%,#f3f8f6 100%);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:.94rem}.ambient{position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(4px);opacity:.65}.ambient-one{width:480px;height:480px;right:-230px;top:85px;background:radial-gradient(circle,#d7e8d3 0,rgba(215,232,211,0) 68%)}.ambient-two{width:440px;height:440px;left:-260px;bottom:-80px;background:radial-gradient(circle,#faebc7 0,rgba(250,235,199,0) 68%)}
.topbar{min-height:76px;background:rgba(12,48,40,.95)!important;backdrop-filter:blur(14px);box-shadow:0 8px 25px rgba(6,36,29,.16)}.brand-lockup{display:flex;flex:0 0 auto;gap:11px;align-items:center;color:white!important;line-height:1.04;font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.brand-lockup small{display:block;color:#b9d8c8;font-size:.56rem;letter-spacing:.18em;margin-bottom:3px}.brand-emblem{width:39px;height:39px;border:1px solid rgba(255,255,255,.45);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:2px;background:linear-gradient(145deg,rgba(214,169,79,.45),rgba(255,255,255,.06))}.brand-emblem i{display:block;width:4px;background:#f7e6b9;border-radius:99px;transform:rotate(28deg)}.brand-emblem i:nth-child(1){height:13px}.brand-emblem i:nth-child(2){height:22px}.brand-emblem i:nth-child(3){height:16px}.nav-workspace{align-items:center;gap:4px;margin-left:24px;min-width:0}.topbar .nav-link{color:#d4e6dd!important;border-radius:10px;padding:.54rem .7rem!important;font-weight:650;font-size:.8rem;line-height:1.2;white-space:nowrap}.topbar .nav-link:hover,.topbar .nav-link:focus{color:#fff!important;background:rgba(255,255,255,.10)}.topbar .nav-home{color:#fff!important;background:rgba(255,255,255,.07)}.nav-menu,.notes-menu{background:#113c33;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px;box-shadow:var(--shadow);min-width:210px}.nav-menu .dropdown-item,.notes-menu .dropdown-item{color:#dcebe3;border-radius:8px;padding:9px 12px;font-size:.82rem;font-weight:600}.nav-menu .dropdown-item:hover,.nav-menu .dropdown-item:focus,.notes-menu .dropdown-item:hover,.notes-menu .dropdown-item:focus{background:#27594d;color:#fff}.user-capsule{display:flex;flex:0 0 auto;align-items:center;gap:9px;color:#fff;margin-left:12px;padding-left:13px;border-left:1px solid rgba(255,255,255,.17)}.user-capsule strong,.user-capsule small{display:block;line-height:1.22;font-size:.76rem}.user-capsule small{color:#b9d8c8;text-transform:capitalize;font-size:.67rem}.user-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f7ddb0,#c58e32);color:#51360c;font-weight:800}.logout-link{color:#dbeae2;text-decoration:none;font-size:.76rem;border-left:1px solid rgba(255,255,255,.22);padding-left:10px;margin-left:3px}.workspace{max-width:1700px;animation:page-rise .55s ease both}@keyframes page-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
h1,h2,h3,h4,h5,h6{color:var(--ink-2);font-weight:700;letter-spacing:-.025em}h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.65rem,2.4vw,2.25rem)}h5{font-size:1.04rem}.text-muted{color:var(--muted)!important}.card{border:1px solid rgba(199,218,206,.72);border-radius:var(--radius);background:rgba(255,253,249,.92);box-shadow:var(--shadow);overflow:hidden}.card-body{padding:clamp(1.2rem,2vw,1.75rem)}.card-header{background:linear-gradient(90deg,#f5f8f3,#fffaf0);border-bottom:1px solid var(--line);padding:1rem 1.5rem}.card:hover{box-shadow:0 22px 55px rgba(17,57,47,.12)}
.btn{font-weight:700;border-radius:11px;padding:.58rem 1rem;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#1a6855,#13483d);border-color:#164d40;box-shadow:0 8px 18px rgba(18,75,61,.2)}.btn-primary:hover,.btn-primary:focus{background:linear-gradient(135deg,#155445,#0c382f);border-color:#0c382f}.btn-outline-primary{color:#155845;border-color:#9dbfb1;background:rgba(255,255,255,.65)}.btn-outline-primary:hover{background:#155845;border-color:#155845}.btn-outline-secondary{border-color:#b7c8c0;color:#506a61}.btn.is-loading{pointer-events:none;opacity:.86}.btn.is-loading:after{content:'';width:.8rem;height:.8rem;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:inline-block;margin-left:.5rem;vertical-align:-.08rem;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.form-label,label{font-size:.78rem;font-weight:700;color:#31584d;margin-bottom:.42rem}.form-control,.form-select{min-height:43px;border:1px solid #c9dcd1;border-radius:10px;color:var(--ink);background-color:#fffefa;padding:.54rem .7rem;box-shadow:none;transition:border .2s,box-shadow .2s}.form-control:focus,.form-select:focus{border-color:#4e9b80;box-shadow:0 0 0 .22rem rgba(78,155,128,.14)}textarea.form-control{min-height:auto}.form-text{color:var(--muted)}.table{--bs-table-bg:transparent;--bs-table-striped-bg:#f5f9f6;--bs-table-hover-bg:#f0f7f2;color:var(--ink);margin-bottom:0}.table thead th{padding:1rem .85rem;border-bottom:1px solid #cfe0d5;color:#4a6b60;background:#f5f8f4;font-size:.69rem;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.table td{padding:.9rem .85rem;border-color:#e2ece5;vertical-align:middle}.table tbody tr{transition:background .2s}.table tbody tr:hover{background:#f4f9f5}.table-bordered>:not(caption)>*{border-width:0}.table-responsive{border-radius:0 0 var(--radius) var(--radius)}details summary{cursor:pointer;color:#16654f;font-weight:700;font-size:.83rem;list-style:none}details summary::before{content:'✦';margin-right:5px;color:var(--gold)}details[open]{padding:8px;background:#f7fbf8;border-radius:10px}
.app-alert{border:0;border-radius:14px;box-shadow:0 8px 25px rgba(19,58,48,.1)}.alert-info{background:#e6f3ee;color:#205d4d}.alert-success{background:#e5f2e8;color:#1e643f}.alert-warning{background:#fff4d8;color:#725316}.alert-danger{background:#fdeaea;color:#873434}.auth-wrap{min-height:calc(100vh - 190px);display:grid;place-items:center}.auth-card{width:min(540px,100%);position:relative}.auth-card:before{content:'';position:absolute;width:110px;height:110px;right:-36px;top:-36px;background:radial-gradient(circle,#f5d991 0,rgba(245,217,145,0) 68%);z-index:-1}.brand-mark{width:55px;height:55px;border-radius:17px;background:linear-gradient(145deg,#1e715d,#0f4035);color:#f6dfad;display:grid;place-items:center;font-weight:800;letter-spacing:.08em;margin-bottom:19px;box-shadow:0 12px 22px rgba(13,64,53,.22)}.otp{font-size:28px;letter-spacing:8px}.section-title{margin-top:28px;margin-bottom:14px}.app-loader{position:fixed;inset:0;z-index:2000;background:#0d382f;color:#e8f1ec;display:grid;place-items:center;align-content:center;gap:16px;transition:opacity .42s ease,visibility .42s ease}.app-loader.is-ready{opacity:0;visibility:hidden}.app-loader p{font-size:.79rem;letter-spacing:.08em;text-transform:uppercase;margin:0;color:#c9ddd3}.loader-orbit{width:62px;height:62px;border:2px solid rgba(225,243,231,.22);border-top-color:#e9c871;border-radius:50%;display:grid;place-items:center;animation:spin 1s linear infinite}.loader-leaf{display:block;color:#f5d98e;font-size:20px;animation:counter-spin 1s linear infinite}@keyframes counter-spin{to{transform:rotate(-360deg)}}
.otp-card{width:min(460px,100%);overflow:hidden}.otp-entry-form{position:relative}.otp-hidden-input{position:absolute;inset:0 0 auto;width:100%;height:64px;opacity:0;cursor:text}.otp-digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:26px 0 10px;cursor:text}.otp-digit{height:62px;display:grid;place-items:center;border:1px solid #bad4c8;border-radius:12px;background:#f8fcf9;color:#8fa99e;font-size:1.6rem;font-weight:800;transition:.18s ease}.otp-digit.is-filled{background:#fff;color:#164d40;border-color:#24755f;box-shadow:0 4px 12px rgba(22,77,64,.1)}.otp-digit.is-active{box-shadow:0 0 0 3px rgba(39,114,94,.18);border-color:#17644e}.otp-help{font-size:.8rem;color:#6c8078;text-align:center;margin:0 0 20px}.otp-resend{font-size:.85rem;color:#17644e;font-weight:700;text-decoration:none!important}.otp-resend[aria-disabled="true"]{pointer-events:none;color:#82958d;font-weight:500}@media(max-width:420px){.otp-digits{gap:6px}.otp-digit{height:53px;font-size:1.35rem}}.app-loader{transition:opacity .10s ease,visibility .10s ease;animation:loader-auto-dismiss .10s ease .16s forwards}.app-loader.is-ready{animation:none}.loader-orbit{width:50px;height:50px;animation-duration:.45s}.loader-leaf{font-size:18px;animation-duration:.45s}@keyframes loader-auto-dismiss{to{opacity:0;visibility:hidden;pointer-events:none}}
.vault-auth-wrap{min-height:calc(100vh - 76px);padding-top:1.5rem;padding-bottom:2rem}.vault-otp{width:min(590px,100%);text-align:center;color:#ecf5ee}.vault-otp__brand{display:flex;flex-direction:column;gap:3px;margin-bottom:12px;color:#164d40;font-size:.72rem;font-weight:800;letter-spacing:.16em}.vault-otp__brand small{font-size:.59rem;color:#6e847a;letter-spacing:.22em}.vault-door{position:relative;overflow:hidden;border:8px solid #3c554e;border-radius:30px;padding:52px 32px 30px;background:radial-gradient(circle at 50% 38%,#486a60 0 1px,transparent 2px),linear-gradient(145deg,#315c50,#163c33 42%,#0e3028);box-shadow:inset 0 0 0 2px rgba(244,224,166,.24),inset 0 18px 32px rgba(255,255,255,.08),0 22px 48px rgba(10,44,35,.23)}.vault-door:before{content:'';position:absolute;inset:14px;border:1px solid rgba(235,215,160,.35);border-radius:20px;pointer-events:none}.vault-door__content{position:relative;z-index:2}.vault-door h2{margin:3px 0 8px;color:#fff;font-family:Georgia,serif;font-size:clamp(1.75rem,5vw,2.35rem)}.vault-door p{margin:0 auto;color:#d6e4dc;max-width:410px;font-size:.92rem;line-height:1.55}.vault-door .eyebrow{color:#f2cd75}.vault-rivet{position:absolute;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff,#bdc9c2 40%,#5a746c 68%);box-shadow:0 1px 2px #09241e}.vault-rivet--one{top:22px;left:24px}.vault-rivet--two{top:22px;right:24px}.vault-rivet--three{bottom:22px;left:24px}.vault-rivet--four{bottom:22px;right:24px}.vault-bolt{position:absolute;top:36%;width:54px;height:15px;border-radius:99px;background:linear-gradient(#f3f0e4,#9eaaa4 45%,#5b6d66);box-shadow:0 2px 4px #0b2922;transition:transform .38s ease}.vault-bolt--left{left:-20px}.vault-bolt--right{right:-20px}.vault-handle{position:absolute;top:18px;right:24px;width:38px;height:38px;border-radius:50%;border:5px solid #d3d7cd;box-shadow:inset 0 0 0 2px #65766e,0 2px 4px #09241e;transition:transform .5s ease}.vault-handle i{position:absolute;left:50%;top:50%;width:5px;height:25px;border-radius:99px;background:#d9ddd4;transform-origin:50% 0}.vault-handle i:nth-child(1){transform:translate(-50%,0) rotate(0deg)}.vault-handle i:nth-child(2){transform:translate(-50%,0) rotate(120deg)}.vault-handle i:nth-child(3){transform:translate(-50%,0) rotate(240deg)}.vault-dial{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:29px auto 17px;max-width:450px;cursor:text}.vault-wheel{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;border:4px solid #bfc8c0;background:radial-gradient(circle at 38% 30%,#fff,#cbd2cb 40%,#78887f 43%,#eff1ea 47%,#aeb9b1 75%);box-shadow:inset 0 0 0 5px #374f46,0 5px 8px rgba(0,0,0,.34);overflow:hidden;transition:box-shadow .2s,border-color .2s}.vault-wheel:after{content:'';position:absolute;inset:11%;border:1px dashed rgba(15,51,42,.3);border-radius:50%}.vault-wheel__groove{position:absolute;inset:30% -14%;border-top:2px solid rgba(17,50,42,.3);border-bottom:2px solid rgba(255,255,255,.55);transform:rotate(-18deg)}.vault-wheel__value{position:relative;z-index:1;color:#183f35;font-family:ui-monospace,Consolas,monospace;font-size:clamp(1.1rem,4vw,1.65rem);font-weight:900;text-shadow:0 1px #fff}.vault-wheel.is-active{border-color:#f4d27d;box-shadow:0 0 0 4px rgba(244,210,125,.3),inset 0 0 0 5px #374f46,0 5px 8px rgba(0,0,0,.34)}.vault-wheel.is-filled{border-color:#e5d4a0}.vault-wheel.is-spinning .vault-wheel__value{animation:vault-wheel-spin .42s cubic-bezier(.18,.8,.22,1)}.vault-status{min-height:24px!important;font-size:.78rem!important;color:#bcd5c8!important}.vault-unlock{display:flex;align-items:center;justify-content:center;gap:12px;width:min(360px,100%);margin:16px auto 0;padding:14px 18px;border:1px solid #efd48a;border-radius:12px;background:linear-gradient(135deg,#f2ce79,#c8993a);box-shadow:0 7px 0 #805d22,0 12px 20px rgba(0,0,0,.22);color:#193e34;font-weight:900;letter-spacing:.02em;transition:transform .15s,box-shadow .15s}.vault-unlock:active{transform:translateY(5px);box-shadow:0 2px 0 #805d22,0 6px 12px rgba(0,0,0,.2)}.vault-unlock b{font-size:1.2rem}.vault-resend{margin:16px 0 8px}.vault-resend button,.vault-password-link{border:0;background:transparent;color:#185845;font-size:.85rem;font-weight:750;text-decoration:none}.vault-resend button[aria-disabled="true"]{opacity:.55;cursor:default}.vault-password-link{display:inline-block;color:#61776e;font-weight:650}.vault-otp.is-unlocking .vault-bolt--left{transform:translateX(-46px)}.vault-otp.is-unlocking .vault-bolt--right{transform:translateX(46px)}.vault-otp.is-unlocking .vault-handle{transform:rotate(180deg)}.vault-otp.is-unlocking .vault-door{animation:vault-door-pulse .46s ease}@keyframes vault-wheel-spin{0%{transform:rotateX(0)}55%{transform:rotateX(380deg)}100%{transform:rotateX(720deg)}}@keyframes vault-door-pulse{50%{filter:brightness(1.16)}}@media(max-width:480px){.vault-door{border-width:6px;border-radius:23px;padding:48px 16px 24px}.vault-dial{gap:5px}.vault-wheel{border-width:3px}.vault-handle{right:17px;top:14px}.vault-rivet--one{top:17px;left:17px}.vault-rivet--two{top:17px;right:17px}.vault-rivet--three{bottom:17px;left:17px}.vault-rivet--four{bottom:17px;right:17px}}@media(prefers-reduced-motion:reduce){.vault-wheel.is-spinning .vault-wheel__value,.vault-otp.is-unlocking .vault-door{animation:none}.vault-bolt,.vault-handle{transition:none}}
@media(max-width:1199px){.nav-workspace{margin-left:0;padding:.6rem 0}.user-capsule{padding:.75rem 0;margin:0}.workspace{padding-top:1.4rem!important}}@media(max-width:576px){.topbar{min-height:66px}.brand-emblem{width:34px;height:34px}.brand-lockup{font-size:.65rem}.card{border-radius:17px}.table td,.table th{padding:.75rem .65rem}.d-flex.justify-content-between.align-items-center{align-items:flex-start!important;gap:14px;flex-direction:column}.d-flex.justify-content-between.align-items-center form{width:100%}}
.clinical-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:8px 4px}.clinical-hero h2{margin:3px 0 7px}.clinical-hero p{color:var(--muted)}.eyebrow{font-size:.67rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#a07025}.date-filter{display:flex;align-items:center;gap:8px;padding:8px;background:rgba(255,253,249,.7);border:1px solid var(--line);border-radius:15px}.date-filter span{font-size:.72rem;font-weight:700;color:var(--muted);white-space:nowrap}.date-filter .form-control{min-height:37px;width:148px}.date-filter .btn{padding:.45rem .7rem}.privacy-ribbon{display:flex;align-items:center;gap:10px;max-width:850px;padding:11px 15px;border-radius:14px;background:linear-gradient(90deg,#e8f3ec,#f9f6e9);border:1px solid #d9e7dc;font-size:.81rem;color:#41685b}.ribbon-icon{color:#a67526;font-size:1.1rem}.intake-card{border-top:3px solid #b78a3e}.form-heading,.records-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.step-pill,.record-count,.uhid-pill{display:inline-block;border-radius:999px;font-weight:700;font-size:.7rem;white-space:nowrap}.step-pill{padding:6px 10px;background:#f9efd7;color:#815a19}.form-note{font-size:.75rem;color:var(--muted)}.records-header{padding:1.15rem 1.5rem;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f9fbf8,#fffaf0)}.record-count{background:#dfeee6;color:#286047;padding:6px 10px}.serial{color:#7b958a;font-weight:700}.table small{color:var(--muted)}.uhid-pill{padding:5px 8px;background:#eef5f0;color:#315e50}.time-stack{font-size:.8rem;white-space:nowrap;color:#3b6155}.time-stack i{display:inline-block;width:4px;height:4px;background:#d1a24e;border-radius:50%;vertical-align:middle;margin:0 5px}.empty-state{text-align:center!important;padding:52px 15px!important;color:var(--muted)}.empty-state span{display:block;font-size:1.6rem;color:#c69b45;margin-bottom:8px}.empty-state strong{display:block;color:#3d6458;margin-bottom:4px}.empty-state p{margin:0;font-size:.82rem}@media(max-width:760px){.clinical-hero{display:block}.date-filter{margin-top:16px;width:100%}.date-filter .form-control{flex:1;width:auto}.form-heading,.records-header{display:block}.step-pill,.record-count{margin-top:10px}.form-note{display:none}}.topbar .container-fluid{flex-wrap:wrap;min-width:0}.nav-workspace{flex-wrap:wrap}.user-capsule{flex-shrink:0}
.vault-otp.is-checking .vault-wheel__value{animation:vault-check-spin .28s linear infinite}.vault-otp.is-checking .vault-unlock{opacity:.78;pointer-events:none}.vault-otp.is-checking .vault-handle{animation:vault-handle-strain .22s ease-in-out infinite}.vault-otp.is-error .vault-door{animation:vault-error-shake .55s ease}.vault-otp.is-error .vault-wheel{border-color:#f17d75;background:radial-gradient(circle at 38% 30%,#fff5f3,#e9afa9 43%,#86504e 47%,#f3d0cc 75%)}.vault-otp.is-error .vault-wheel__value{color:#8f2521}.vault-otp.is-error .vault-status{color:#ffc0ba!important;font-weight:800}.vault-otp.is-unlocking .vault-door{animation:vault-door-open .56s ease forwards}.vault-otp.is-unlocking .vault-unlock{background:linear-gradient(135deg,#c6f0d5,#68b88b);box-shadow:0 7px 0 #327451,0 12px 20px rgba(0,0,0,.22)}@keyframes vault-check-spin{0%{transform:rotateX(0)}100%{transform:rotateX(360deg)}}@keyframes vault-handle-strain{50%{transform:rotate(8deg)}}@keyframes vault-error-shake{18%,54%,90%{transform:translateX(-7px)}36%,72%{transform:translateX(7px)}}@keyframes vault-door-open{55%{transform:perspective(900px) rotateY(-7deg);filter:brightness(1.18)}100%{transform:perspective(900px) rotateY(-13deg);filter:brightness(1.26)}}
.vault-shell{position:relative;perspective:1200px}.vault-unlocked-panel{position:absolute;inset:0;display:grid;place-items:center;border:8px solid #386755;border-radius:30px;background:radial-gradient(circle at 50% 38%,rgba(245,214,126,.28),transparent 24%),linear-gradient(145deg,#173f35,#0b241e);box-shadow:inset 0 0 0 2px rgba(236,214,150,.3),0 22px 48px rgba(10,44,35,.23);opacity:0;transform:scale(.95);transition:opacity .3s ease .35s,transform .5s ease .35s}.vault-unlocked-panel>div{display:flex;flex-direction:column;align-items:center;gap:9px;color:#f5dda0;letter-spacing:.12em}.vault-unlocked-panel span{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#75c697;color:#113d31;font-size:2.3rem;font-weight:900;box-shadow:0 0 0 7px rgba(117,198,151,.18)}.vault-unlocked-panel strong{font-size:1.15rem}.vault-unlocked-panel small{color:#d2e4db;font-size:.72rem;letter-spacing:.07em}.vault-door{transform-origin:left center;transform-style:preserve-3d;transition:transform .88s cubic-bezier(.2,.72,.15,1),opacity .62s ease,filter .62s ease}.vault-otp.is-unlocking .vault-unlocked-panel{opacity:1;transform:scale(1)}.vault-otp.is-unlocking .vault-door{animation:none;transform:rotateY(-74deg) translateX(-7%);opacity:.16;filter:brightness(.72);pointer-events:none}@media(max-width:480px){.vault-unlocked-panel{border-width:6px;border-radius:23px}.vault-unlocked-panel span{width:55px;height:55px;font-size:1.85rem}}@media(prefers-reduced-motion:reduce){.vault-door,.vault-unlocked-panel{transition:none!important}.vault-otp.is-unlocking .vault-door{transform:translateX(-105%);opacity:0}}
.vault-door{transition:transform .48s cubic-bezier(.2,.72,.15,1),opacity .42s ease,filter .42s ease}
.app-loader{display:none!important}
.brand-logo-frame{overflow:hidden;background:#101412!important;border-color:rgba(255,255,255,.5)!important}
.brand-logo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.otp-launch-card{isolation:isolate}.otp-launch-vault{position:relative;height:142px;margin:0 0 20px;border:7px solid #3d5b51;border-radius:25px;background:radial-gradient(circle at 50% 38%,rgba(229,205,133,.20),transparent 25%),linear-gradient(135deg,#35675a,#174a3f 52%,#10362e);box-shadow:inset 0 0 0 2px rgba(246,226,163,.3),inset 0 15px 25px rgba(255,255,255,.09),0 14px 27px rgba(10,52,42,.18);overflow:hidden}.otp-launch-vault:before{content:'';position:absolute;inset:11px;border:1px solid rgba(246,226,163,.45);border-radius:16px}.otp-launch-rivet{position:absolute;z-index:2;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#a9b6ae 40%,#587166 45%,#d9e0d8 75%);box-shadow:0 1px 3px rgba(0,0,0,.35)}.otp-launch-rivet--one{top:15px;left:16px}.otp-launch-rivet--two{right:16px;bottom:15px}.otp-launch-bolt{position:absolute;z-index:2;top:50%;width:54px;height:12px;border-radius:10px;background:linear-gradient(#d6ded8,#6c8378 48%,#e8eee9);box-shadow:0 2px 4px rgba(0,0,0,.35);transition:transform .24s ease}.otp-launch-bolt--left{left:-13px}.otp-launch-bolt--right{right:-13px}.otp-launch-dials{position:absolute;z-index:3;inset:0;display:flex;justify-content:center;align-items:center;gap:11px}.otp-launch-dials span{display:grid;place-items:center;width:58px;height:58px;border:4px solid #c3cec7;border-radius:50%;background:radial-gradient(circle at 36% 28%,#fff,#cbd3cc 42%,#75877d 45%,#e8ece6 48%,#a7b4ac 76%);box-shadow:inset 0 0 0 5px #355248,0 4px 7px rgba(0,0,0,.35);color:#173d33;font-family:ui-monospace,Consolas,monospace;font-size:1.35rem;font-weight:900;text-shadow:0 1px #fff;animation:otp-launch-idle 4s ease-in-out infinite}.otp-launch-dials span:nth-child(2){animation-delay:.25s}.otp-launch-dials span:nth-child(3){animation-delay:.5s}.otp-launch-handle{position:absolute;z-index:4;right:19px;top:16px;width:28px;height:28px;border:3px solid #f0d481;border-radius:50%;box-shadow:0 0 0 3px rgba(20,57,47,.55);display:grid;place-items:center;transition:transform .28s ease}.otp-launch-handle i{position:absolute;display:block;width:3px;height:17px;border-radius:4px;background:#efd68d}.otp-launch-handle i:nth-child(1){transform:rotate(0deg)}.otp-launch-handle i:nth-child(2){transform:rotate(60deg)}.otp-launch-handle i:nth-child(3){transform:rotate(120deg)}.otp-launch-note{text-align:center;color:#6a8278;font-size:.74rem;margin:16px 0 0}.otp-launch-send{display:flex;align-items:center;justify-content:center;gap:11px}.otp-launch-send b{font-size:1.18rem;transition:transform .2s ease}.otp-launch-send:hover b{transform:translateX(3px)}.otp-launch-card.is-sending .otp-launch-dials span{animation:otp-launch-send .34s linear infinite}.otp-launch-card.is-sending .otp-launch-bolt--left{transform:translateX(-31px)}.otp-launch-card.is-sending .otp-launch-bolt--right{transform:translateX(31px)}.otp-launch-card.is-sending .otp-launch-handle{transform:rotate(180deg)}.otp-launch-card.is-sending .otp-launch-vault{animation:otp-launch-glow .42s ease-in-out infinite alternate}@keyframes otp-launch-idle{0%,84%,100%{transform:rotateX(0)}92%{transform:rotateX(22deg)}}@keyframes otp-launch-send{to{transform:rotateX(720deg)}}@keyframes otp-launch-glow{to{filter:brightness(1.15);box-shadow:inset 0 0 0 2px rgba(246,226,163,.55),inset 0 15px 25px rgba(255,255,255,.15),0 0 0 5px rgba(108,187,143,.12),0 16px 31px rgba(10,52,42,.24)}}@media(max-width:420px){.otp-launch-vault{height:122px}.otp-launch-dials span{width:48px;height:48px;font-size:1.12rem}.otp-launch-dials{gap:7px}.otp-launch-handle{right:15px;top:14px;transform:scale(.82)}.otp-launch-card.is-sending .otp-launch-handle{transform:scale(.82) rotate(180deg)}}@media(prefers-reduced-motion:reduce){.otp-launch-dials span,.otp-launch-card.is-sending .otp-launch-vault{animation:none}.otp-launch-bolt,.otp-launch-handle{transition:none}}