:root{--pink:#ff4f9a;--gold:#d7b56d;--line:#27272c;--muted:#9a9aa2}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#260b19,#080809 38%,#030303 76%);color:#f6f6f7;font-family:Arial,sans-serif;min-height:100vh}.shell{width:min(850px,100%);margin:auto;padding:38px 18px}.brand{font-size:40px;color:var(--pink)}.micro{margin-top:20px;color:#777780;letter-spacing:.2em;font-size:10px}h1{font-weight:400;letter-spacing:-.05em;font-size:clamp(42px,9vw,78px);line-height:.95;margin:14px 0}h1 span{color:#bdbdc4}header>p{max-width:540px;color:#aaaab2;line-height:1.6}.lock-card{margin:44px auto 20px;max-width:560px;text-align:center;border:1px solid var(--line);border-radius:32px;padding:38px 22px;background:linear-gradient(160deg,#111114dd,#080809dd);box-shadow:0 30px 100px #000}.lock{width:125px;height:150px;margin:0 auto 14px;position:relative;filter:drop-shadow(0 14px 30px #000)}.shackle{position:absolute;left:28px;top:0;width:70px;height:74px;border:9px solid #b8b8bd;border-bottom:0;border-radius:38px 38px 0 0;transition:1s cubic-bezier(.3,.8,.2,1);transform-origin:10px 70px}.body{position:absolute;bottom:0;width:125px;height:93px;border-radius:23px;background:linear-gradient(145deg,#33343a,#111216);border:1px solid #55565d}.keyhole{width:15px;height:34px;background:#030303;clip-path:polygon(32% 31%,0 100%,100% 100%,68% 31%,84% 20%,79% 6%,64% 0,36% 0,21% 6%,16% 20%);margin:28px auto}.key{width:120px;height:42px;position:relative;margin:12px auto 25px;color:var(--gold);transition:1.25s cubic-bezier(.25,.8,.2,1)}.key span{position:absolute;left:0;top:-3px;border:3px solid var(--gold);width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.key i{position:absolute;height:5px;width:73px;background:var(--gold);left:38px;top:16px}.key b{position:absolute;width:5px;height:18px;background:var(--gold);right:8px;top:16px;box-shadow:12px 0 var(--gold)}.unlock .key{transform:translate(0,-123px) rotate(-90deg) scale(.75);opacity:.75}.unlock .shackle{transform:rotate(-28deg) translateY(-10px)}h2{font-weight:400}.lock-card p{color:var(--muted);font-size:13px}.actions{display:flex;gap:10px;justify-content:center;margin-top:25px;flex-wrap:wrap}button{border:0;border-radius:22px;background:var(--pink);color:#12050b;padding:13px 20px;font-weight:600}.ghost{background:#141417;color:white;border:1px solid #303037}footer{text-align:center;color:#56565d;font-size:10px;margin-top:35px}dialog{color:white;background:#0c0c0f;border:1px solid #323239;border-radius:26px;width:min(450px,calc(100% - 28px));padding:0;box-shadow:0 30px 100px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}dialog form{padding:28px;position:relative}.x{position:absolute;right:15px;top:15px;background:#17171b;color:#aaa;border-radius:50%;padding:7px 11px}.mini{color:var(--pink);font-size:26px}h3{font-weight:400;font-size:25px}label{display:block;color:#aaa;font-size:11px;margin:16px 0}input,textarea{display:block;width:100%;margin-top:7px;border:1px solid #2b2b31;border-radius:15px;background:#141417;color:white;padding:13px;outline:none}.hint,.error{color:#717179;font-size:10px;line-height:1.5}.error{color:#ff7d9d}@media(max-width:600px){.shell{padding-top:25px}.lock-card{margin-top:28px}}