:root{--bg-gradient: radial-gradient(120% 90% at 50% 40%, #fff8f1 0%, #f7e7dc 40%, #edd3c4 100%);--rose-primary: #d81e57;--rose-hover: #b81444;--rose-glow: rgba(216, 30, 87, .4);--paper-card: rgba(255, 248, 242, .85);--ink-dark: #4a2a35;--ink-soft: #7a4f5d;--gold-accent: #d4a359}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:Cormorant Garamond,Georgia,serif;background:#f7e7dc;color:var(--ink-dark)}.security-scene{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient)}.motes{position:absolute;inset:0;pointer-events:none;z-index:1}.mote{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffb4c8cc,#ffdcbe00);pointer-events:none}.lock-card{position:relative;z-index:5;width:min(90vw,360px);padding:32px 24px;background:var(--paper-card);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:0 20px 50px -15px #78143240,inset 0 0 0 1px #fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.lock-card.shake{animation:shakeCard .5s ease-in-out}@keyframes shakeCard{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.lock-icon-wrap{position:relative;width:68px;height:68px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.heart-lock-svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(216,30,87,.35));animation:heartPulse 3s ease-in-out infinite}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.keyhole-icon{position:absolute;font-size:20px;top:50%;left:50%;transform:translate(-50%,-45%)}.security-eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px}.security-title{font-family:Fraunces,Georgia,serif;font-size:26px;font-weight:700;color:var(--ink-dark);margin-bottom:6px}.security-subtitle{font-size:14px;color:var(--ink-soft);margin-bottom:20px}.pin-display{display:flex;justify-content:center;gap:14px;margin-bottom:12px}.pin-dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(216,30,87,.4);background:transparent;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.pin-dot.filled{background:var(--rose-primary);border-color:var(--rose-primary);box-shadow:0 0 12px var(--rose-primary);transform:scale(1.15)}.pin-dot.error{border-color:#e53935;background:#e53935;box-shadow:0 0 12px #e53935}.error-msg{height:20px;font-size:13.5px;color:var(--rose-primary);font-weight:600;margin-bottom:14px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.key-btn{height:48px;border-radius:14px;border:1px solid rgba(216,30,87,.15);background:#fff9;font-family:Fraunces,Georgia,serif;font-size:18px;font-weight:600;color:var(--ink-dark);cursor:pointer;box-shadow:0 4px 10px -4px #7814321a;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.key-btn:hover,.key-btn:active{background:#fffffff2;border-color:var(--rose-primary);color:var(--rose-primary);transform:translateY(-2px);box-shadow:0 6px 14px -3px #d81e5740}.key-action{font-family:Cormorant Garamond,Georgia,serif;font-size:16px;color:var(--ink-soft)}.unlock-btn{width:100%;padding:13px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:linear-gradient(135deg,var(--rose-primary),#ff6f97);color:#fff;font-family:Cormorant Garamond,Georgia,serif;font-size:16px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 24px -6px var(--rose-glow);transition:all .3s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.unlock-btn:hover{background:linear-gradient(135deg,var(--rose-hover),#e85d85);box-shadow:0 12px 28px -4px var(--rose-glow);transform:translateY(-2px)}.unlock-btn:active{transform:translateY(0)}.btn-heart{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.unlock-bloom{position:fixed;inset:0;background:radial-gradient(circle at center,#ffd9e4,#ff80aa,#d81e57);z-index:10;pointer-events:none;opacity:0;transform:scale(.01);border-radius:50%;transition:transform .7s cubic-bezier(.7,0,.3,1),opacity .6s ease}.unlock-bloom.active{opacity:1;transform:scale(3)}.grade{position:absolute;inset:0;z-index:8;pointer-events:none}.grade__vignette{position:absolute;inset:0;background:radial-gradient(125% 95% at 50% 42%,transparent 54%,rgba(60,18,30,.14) 84%,rgba(40,12,22,.3) 100%);mix-blend-mode:multiply}.grade__grain{position:absolute;inset:0;background:url(/textures/grain.png) repeat;background-size:300px;opacity:.05;mix-blend-mode:overlay}