:root{--color-primary: #4B3621;--color-accent: #AE9471;--color-vanilla: #F5EFE6;--glow-color: rgba(230, 196, 148, .5)}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;color:#3d3d3d;background-color:#f4f1ec;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.bg-aurora{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(125deg,#f5efe6,#e6dace,#d3c1ae,#f5efe6);background-size:400% 400%;animation:aurora 15s ease infinite}@keyframes aurora{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glass-pane{background:#fff9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #6a503333}.btn-gradient{background-image:linear-gradient(to right,var(--color-accent) 0%,var(--color-primary) 51%,var(--color-accent) 100%);background-size:200% auto;transition:.5s;color:var(--color-vanilla);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-gradient:hover{background-position:right center;box-shadow:0 0 20px var(--glow-color)}.input-focus-glow:focus{box-shadow:0 0 15px var(--glow-color)}.text-shadow-sm{text-shadow:0 1px 3px rgba(0,0,0,.1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ae947180;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ae9471cc}@keyframes fade-in-up{0%{opacity:0;transform:translateY(1rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in-up{animation:fade-in-up .4s cubic-bezier(.25,1,.5,1) forwards}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.text-vanilla{color:var(--color-vanilla)}.glass-card-3d{background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);box-shadow:0 20px 50px #0000001a,inset 0 0 20px #fff3;position:relative;overflow:hidden}.glass-card-3d:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);pointer-events:none}.keypad-btn-3d{background:#ffffff80;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px #6a503333,0 8px 15px #0000000d,inset 0 1px #ffffffe6;transition:all .1s ease;position:relative;top:0}.keypad-btn-3d:hover{background:#ffffffb3;top:-2px;box-shadow:0 6px #6a503333,0 12px 20px #0000001a,inset 0 1px #ffffffe6}.keypad-btn-3d:active{top:3px;box-shadow:0 1px #6a503333,0 2px 5px #0000001a,inset 0 2px 5px #0000001a}.pin-dot-glow{box-shadow:0 0 10px var(--color-accent)}