:root{
  --bg:#100F15; --bg2:#15141c; --panel:#191822; --line:#EDE7DC;
  --accent:#B9C8E4; --text:#EDE7DC; --muted:#8E8899; --soft:#C4BCAF; --dim:#A9A296;
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Jost','Helvetica Neue',-apple-system,BlinkMacSystemFont,sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;min-height:100%;}
body{
  font-family:var(--sans);font-weight:300;
  background:
    radial-gradient(900px 520px at 50% -8%, rgba(185,200,228,.10), transparent 60%),
    linear-gradient(180deg,var(--bg),var(--bg2));
  color:var(--text);min-height:100vh;overflow-x:hidden;
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:26px 18px 44px;position:relative;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.7;
  background-image:
    radial-gradient(1.4px 1.4px at 20% 30%, rgba(237,231,220,.35), transparent),
    radial-gradient(1.4px 1.4px at 70% 18%, rgba(237,231,220,.22), transparent),
    radial-gradient(1px 1px at 42% 72%, rgba(237,231,220,.28), transparent),
    radial-gradient(1px 1px at 85% 60%, rgba(237,231,220,.20), transparent),
    radial-gradient(1.3px 1.3px at 30% 88%, rgba(237,231,220,.22), transparent);
}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMjAwIDE3MDAnPjxnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDEyMC4wIDEyMC4wKSByb3RhdGUoMjAgMzAgMzIpIHNjYWxlKDAuODUpJyBmaWxsPSclMjNCOUM4RTQnIGZpbGwtb3BhY2l0eT0nMC4wOTAnPjxlbGxpcHNlIGN4PSczMCcgY3k9JzQyJyByeD0nMTQnIHJ5PScxMScvPjxlbGxpcHNlIGN4PScxMycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjxlbGxpcHNlIGN4PScyMycgY3k9JzE1JyByeD0nNScgcnk9JzcnLz48ZWxsaXBzZSBjeD0nMzcnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzQ3JyBjeT0nMjUnIHJ4PSc1JyByeT0nNi41Jy8+PC9nPjxnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDIxNS4wIDI1MC4wKSByb3RhdGUoLTggMzAgMzIpIHNjYWxlKDAuNzIpJyBmaWxsPSclMjNCOUM4RTQnIGZpbGwtb3BhY2l0eT0nMC4wOTAnPjxlbGxpcHNlIGN4PSczMCcgY3k9JzQyJyByeD0nMTQnIHJ5PScxMScvPjxlbGxpcHNlIGN4PScxMycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjxlbGxpcHNlIGN4PScyMycgY3k9JzE1JyByeD0nNScgcnk9JzcnLz48ZWxsaXBzZSBjeD0nMzcnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzQ3JyBjeT0nMjUnIHJ4PSc1JyByeT0nNi41Jy8+PC9nPjxnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDE1MC4wIDM5MC4wKSByb3RhdGUoMjggMzAgMzIpIHNjYWxlKDAuODUpJyBmaWxsPSclMjNCOUM4RTQnIGZpbGwtb3BhY2l0eT0nMC4wOTAnPjxlbGxpcHNlIGN4PSczMCcgY3k9JzQyJyByeD0nMTQnIHJ5PScxMScvPjxlbGxpcHNlIGN4PScxMycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjxlbGxpcHNlIGN4PScyMycgY3k9JzE1JyByeD0nNScgcnk9JzcnLz48ZWxsaXBzZSBjeD0nMzcnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzQ3JyBjeT0nMjUnIHJ4PSc1JyByeT0nNi41Jy8+PC9nPjxnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDI1NS4wIDU0MC4wKSByb3RhdGUoLTQgMzAgMzIpIHNjYWxlKDAuNzApJyBmaWxsPSclMjNCOUM4RTQnIGZpbGwtb3BhY2l0eT0nMC4wOTAnPjxlbGxpcHNlIGN4PSczMCcgY3k9JzQyJyByeD0nMTQnIHJ5PScxMScvPjxlbGxpcHNlIGN4PScxMycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjxlbGxpcHNlIGN4PScyMycgY3k9JzE1JyByeD0nNScgcnk9JzcnLz48ZWxsaXBzZSBjeD0nMzcnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzQ3JyBjeT0nMjUnIHJ4PSc1JyByeT0nNi41Jy8+PC9nPjxnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDk4MC4wIDE3MC4wKSByb3RhdGUoLTI0IDMwIDMyKSBzY2FsZSgwLjkwKScgZmlsbD0nJTIzQjlDOEU0JyBmaWxsLW9wYWNpdHk9JzAuMDkwJz48ZWxsaXBzZSBjeD0nMzAnIGN5PSc0Micgcng9JzE0JyByeT0nMTEnLz48ZWxsaXBzZSBjeD0nMTMnIGN5PScyNScgcng9JzUnIHJ5PSc2LjUnLz48ZWxsaXBzZSBjeD0nMjMnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzM3JyBjeT0nMTUnIHJ4PSc1JyByeT0nNycvPjxlbGxpcHNlIGN4PSc0NycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjwvZz48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxMDU1LjAgMzMwLjApIHJvdGF0ZSgxMCAzMCAzMikgc2NhbGUoMC43MiknIGZpbGw9JyUyM0I5QzhFNCcgZmlsbC1vcGFjaXR5PScwLjA5MCc+PGVsbGlwc2UgY3g9JzMwJyBjeT0nNDInIHJ4PScxNCcgcnk9JzExJy8+PGVsbGlwc2UgY3g9JzEzJyBjeT0nMjUnIHJ4PSc1JyByeT0nNi41Jy8+PGVsbGlwc2UgY3g9JzIzJyBjeT0nMTUnIHJ4PSc1JyByeT0nNycvPjxlbGxpcHNlIGN4PSczNycgY3k9JzE1JyByeD0nNScgcnk9JzcnLz48ZWxsaXBzZSBjeD0nNDcnIGN5PScyNScgcng9JzUnIHJ5PSc2LjUnLz48L2c+PGcgdHJhbnNmb3JtPSd0cmFuc2xhdGUoOTM1LjAgNDgwLjApIHJvdGF0ZSgtMTggMzAgMzIpIHNjYWxlKDAuODUpJyBmaWxsPSclMjNCOUM4RTQnIGZpbGwtb3BhY2l0eT0nMC4wOTAnPjxlbGxpcHNlIGN4PSczMCcgY3k9JzQyJyByeD0nMTQnIHJ5PScxMScvPjxlbGxpcHNlIGN4PScxMycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjxlbGxpcHNlIGN4PScyMycgY3k9JzE1JyByeD0nNScgcnk9JzcnLz48ZWxsaXBzZSBjeD0nMzcnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzQ3JyBjeT0nMjUnIHJ4PSc1JyByeT0nNi41Jy8+PC9nPjxnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDYyMC4wIDc3MC4wKSByb3RhdGUoMTQgMzAgMzIpIHNjYWxlKDAuNjYpJyBmaWxsPSclMjNCOUM4RTQnIGZpbGwtb3BhY2l0eT0nMC4wOTAnPjxlbGxpcHNlIGN4PSczMCcgY3k9JzQyJyByeD0nMTQnIHJ5PScxMScvPjxlbGxpcHNlIGN4PScxMycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjxlbGxpcHNlIGN4PScyMycgY3k9JzE1JyByeD0nNScgcnk9JzcnLz48ZWxsaXBzZSBjeD0nMzcnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzQ3JyBjeT0nMjUnIHJ4PSc1JyByeT0nNi41Jy8+PC9nPjxnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDcyNS4wIDkxMC4wKSByb3RhdGUoLTEwIDMwIDMyKSBzY2FsZSgwLjc4KScgZmlsbD0nJTIzQjlDOEU0JyBmaWxsLW9wYWNpdHk9JzAuMDkwJz48ZWxsaXBzZSBjeD0nMzAnIGN5PSc0Micgcng9JzE0JyByeT0nMTEnLz48ZWxsaXBzZSBjeD0nMTMnIGN5PScyNScgcng9JzUnIHJ5PSc2LjUnLz48ZWxsaXBzZSBjeD0nMjMnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzM3JyBjeT0nMTUnIHJ4PSc1JyByeT0nNycvPjxlbGxpcHNlIGN4PSc0NycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjwvZz48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg1NjAuMCAxMDAwLjApIHJvdGF0ZSgyNiAzMCAzMikgc2NhbGUoMC43MiknIGZpbGw9JyUyM0I5QzhFNCcgZmlsbC1vcGFjaXR5PScwLjA5MCc+PGVsbGlwc2UgY3g9JzMwJyBjeT0nNDInIHJ4PScxNCcgcnk9JzExJy8+PGVsbGlwc2UgY3g9JzEzJyBjeT0nMjUnIHJ4PSc1JyByeT0nNi41Jy8+PGVsbGlwc2UgY3g9JzIzJyBjeT0nMTUnIHJ4PSc1JyByeT0nNycvPjxlbGxpcHNlIGN4PSczNycgY3k9JzE1JyByeD0nNScgcnk9JzcnLz48ZWxsaXBzZSBjeD0nNDcnIGN5PScyNScgcng9JzUnIHJ5PSc2LjUnLz48L2c+PGcgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMjAwLjAgMTEzMC4wKSByb3RhdGUoLTE0IDMwIDMyKSBzY2FsZSgwLjg1KScgZmlsbD0nJTIzQjlDOEU0JyBmaWxsLW9wYWNpdHk9JzAuMDkwJz48ZWxsaXBzZSBjeD0nMzAnIGN5PSc0Micgcng9JzE0JyByeT0nMTEnLz48ZWxsaXBzZSBjeD0nMTMnIGN5PScyNScgcng9JzUnIHJ5PSc2LjUnLz48ZWxsaXBzZSBjeD0nMjMnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzM3JyBjeT0nMTUnIHJ4PSc1JyByeT0nNycvPjxlbGxpcHNlIGN4PSc0NycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjwvZz48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgzMDAuMCAxMjcwLjApIHJvdGF0ZSg4IDMwIDMyKSBzY2FsZSgwLjcyKScgZmlsbD0nJTIzQjlDOEU0JyBmaWxsLW9wYWNpdHk9JzAuMDkwJz48ZWxsaXBzZSBjeD0nMzAnIGN5PSc0Micgcng9JzE0JyByeT0nMTEnLz48ZWxsaXBzZSBjeD0nMTMnIGN5PScyNScgcng9JzUnIHJ5PSc2LjUnLz48ZWxsaXBzZSBjeD0nMjMnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzM3JyBjeT0nMTUnIHJ4PSc1JyByeT0nNycvPjxlbGxpcHNlIGN4PSc0NycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjwvZz48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxNjAuMCAxNDAwLjApIHJvdGF0ZSgyMiAzMCAzMikgc2NhbGUoMC44NiknIGZpbGw9JyUyM0I5QzhFNCcgZmlsbC1vcGFjaXR5PScwLjA5MCc+PGVsbGlwc2UgY3g9JzMwJyBjeT0nNDInIHJ4PScxNCcgcnk9JzExJy8+PGVsbGlwc2UgY3g9JzEzJyBjeT0nMjUnIHJ4PSc1JyByeT0nNi41Jy8+PGVsbGlwc2UgY3g9JzIzJyBjeT0nMTUnIHJ4PSc1JyByeT0nNycvPjxlbGxpcHNlIGN4PSczNycgY3k9JzE1JyByeD0nNScgcnk9JzcnLz48ZWxsaXBzZSBjeD0nNDcnIGN5PScyNScgcng9JzUnIHJ5PSc2LjUnLz48L2c+PGcgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMTAwMC4wIDExNjAuMCkgcm90YXRlKDE2IDMwIDMyKSBzY2FsZSgwLjgyKScgZmlsbD0nJTIzQjlDOEU0JyBmaWxsLW9wYWNpdHk9JzAuMDkwJz48ZWxsaXBzZSBjeD0nMzAnIGN5PSc0Micgcng9JzE0JyByeT0nMTEnLz48ZWxsaXBzZSBjeD0nMTMnIGN5PScyNScgcng9JzUnIHJ5PSc2LjUnLz48ZWxsaXBzZSBjeD0nMjMnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzM3JyBjeT0nMTUnIHJ4PSc1JyByeT0nNycvPjxlbGxpcHNlIGN4PSc0NycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjwvZz48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxMDg1LjAgMTMxMC4wKSByb3RhdGUoLTEyIDMwIDMyKSBzY2FsZSgwLjcwKScgZmlsbD0nJTIzQjlDOEU0JyBmaWxsLW9wYWNpdHk9JzAuMDkwJz48ZWxsaXBzZSBjeD0nMzAnIGN5PSc0Micgcng9JzE0JyByeT0nMTEnLz48ZWxsaXBzZSBjeD0nMTMnIGN5PScyNScgcng9JzUnIHJ5PSc2LjUnLz48ZWxsaXBzZSBjeD0nMjMnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzM3JyBjeT0nMTUnIHJ4PSc1JyByeT0nNycvPjxlbGxpcHNlIGN4PSc0NycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjwvZz48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg5NDAuMCAxNDUwLjApIHJvdGF0ZSgtMjIgMzAgMzIpIHNjYWxlKDAuODUpJyBmaWxsPSclMjNCOUM4RTQnIGZpbGwtb3BhY2l0eT0nMC4wOTAnPjxlbGxpcHNlIGN4PSczMCcgY3k9JzQyJyByeD0nMTQnIHJ5PScxMScvPjxlbGxpcHNlIGN4PScxMycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjxlbGxpcHNlIGN4PScyMycgY3k9JzE1JyByeD0nNScgcnk9JzcnLz48ZWxsaXBzZSBjeD0nMzcnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzQ3JyBjeT0nMjUnIHJ4PSc1JyByeT0nNi41Jy8+PC9nPjxnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDYxMC4wIDMyMC4wKSByb3RhdGUoLTMwIDMwIDMyKSBzY2FsZSgwLjYwKScgZmlsbD0nJTIzQjlDOEU0JyBmaWxsLW9wYWNpdHk9JzAuMDkwJz48ZWxsaXBzZSBjeD0nMzAnIGN5PSc0Micgcng9JzE0JyByeT0nMTEnLz48ZWxsaXBzZSBjeD0nMTMnIGN5PScyNScgcng9JzUnIHJ5PSc2LjUnLz48ZWxsaXBzZSBjeD0nMjMnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzM3JyBjeT0nMTUnIHJ4PSc1JyByeT0nNycvPjxlbGxpcHNlIGN4PSc0NycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjwvZz48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg4MzAuMCA2MTAuMCkgcm90YXRlKDM0IDMwIDMyKSBzY2FsZSgwLjYwKScgZmlsbD0nJTIzQjlDOEU0JyBmaWxsLW9wYWNpdHk9JzAuMDkwJz48ZWxsaXBzZSBjeD0nMzAnIGN5PSc0Micgcng9JzE0JyByeT0nMTEnLz48ZWxsaXBzZSBjeD0nMTMnIGN5PScyNScgcng9JzUnIHJ5PSc2LjUnLz48ZWxsaXBzZSBjeD0nMjMnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzM3JyBjeT0nMTUnIHJ4PSc1JyByeT0nNycvPjxlbGxpcHNlIGN4PSc0NycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjwvZz48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg0MzAuMCA2ODAuMCkgcm90YXRlKC0yMCAzMCAzMikgc2NhbGUoMC41OCknIGZpbGw9JyUyM0I5QzhFNCcgZmlsbC1vcGFjaXR5PScwLjA5MCc+PGVsbGlwc2UgY3g9JzMwJyBjeT0nNDInIHJ4PScxNCcgcnk9JzExJy8+PGVsbGlwc2UgY3g9JzEzJyBjeT0nMjUnIHJ4PSc1JyByeT0nNi41Jy8+PGVsbGlwc2UgY3g9JzIzJyBjeT0nMTUnIHJ4PSc1JyByeT0nNycvPjxlbGxpcHNlIGN4PSczNycgY3k9JzE1JyByeD0nNScgcnk9JzcnLz48ZWxsaXBzZSBjeD0nNDcnIGN5PScyNScgcng9JzUnIHJ5PSc2LjUnLz48L2c+PGcgdHJhbnNmb3JtPSd0cmFuc2xhdGUoNzcwLjAgMTE5MC4wKSByb3RhdGUoMzAgMzAgMzIpIHNjYWxlKDAuNjApJyBmaWxsPSclMjNCOUM4RTQnIGZpbGwtb3BhY2l0eT0nMC4wOTAnPjxlbGxpcHNlIGN4PSczMCcgY3k9JzQyJyByeD0nMTQnIHJ5PScxMScvPjxlbGxpcHNlIGN4PScxMycgY3k9JzI1JyByeD0nNScgcnk9JzYuNScvPjxlbGxpcHNlIGN4PScyMycgY3k9JzE1JyByeD0nNScgcnk9JzcnLz48ZWxsaXBzZSBjeD0nMzcnIGN5PScxNScgcng9JzUnIHJ5PSc3Jy8+PGVsbGlwc2UgY3g9JzQ3JyBjeT0nMjUnIHJ4PSc1JyByeT0nNi41Jy8+PC9nPjwvc3ZnPg==");background-size:cover;background-position:center;}
.wrap{position:relative;z-index:1;width:100%;max-width:440px;flex:1;display:flex;flex-direction:column;align-items:center;}

.eyebrow{font-size:10px;letter-spacing:.42em;text-transform:uppercase;color:var(--muted);margin:2px 0 10px;}
h1{font-family:var(--serif);font-size:52px;line-height:1.02;letter-spacing:-.01em;margin:0 0 6px;font-weight:300;color:var(--text);}
.tagline{font-family:var(--serif);font-style:italic;color:var(--soft);font-size:21px;line-height:1.3;margin:0 0 10px;max-width:330px;}
.rolehint{font-family:var(--sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin:0 0 20px;}
.subtitle{font-family:var(--serif);font-style:italic;color:var(--soft);font-size:19px;margin:0 0 20px;line-height:1.45;max-width:330px;}
.disclaimer{margin-top:auto;padding-top:28px;font-size:10.5px;line-height:1.55;color:#6b6676;max-width:360px;text-align:center;text-wrap:pretty;}

.screen{width:100%;display:none;flex-direction:column;align-items:center;animation:fade .45s ease;}
.screen.active{display:flex;}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- ФОРМА ---------- */
.form{width:100%;max-width:360px;text-align:left;margin-top:6px;}
.field{margin-bottom:15px;}
.field label{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;padding-left:2px;}
input,select{
  width:100%;padding:13px 14px;border-radius:12px;font-size:16px;color:var(--text);font-family:var(--sans);font-weight:300;
  background:rgba(237,231,220,.05);border:1px solid rgba(237,231,220,.16);outline:none;
  appearance:none;-webkit-appearance:none;
}
input::placeholder{color:#6f6a78;}
input:focus,select:focus{border-color:rgba(185,200,228,.55);background:rgba(237,231,220,.08);}
select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238E8899' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;}
.hintline{font-size:12px;color:var(--muted);margin:-7px 2px 12px;line-height:1.4;}

/* ---------- АВТОПОДСКАЗКА ГОРОДА ---------- */
.cityfield{position:relative;}
.suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;
  background:#191822;border:1px solid rgba(185,200,228,.3);border-radius:12px;overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,.55);display:none;max-height:280px;overflow-y:auto;}
.suggest.open{display:block;}
.suggest .opt{padding:11px 14px;font-size:15px;color:var(--text);cursor:pointer;border-bottom:1px solid rgba(237,231,220,.07);}
.suggest .opt:last-child{border-bottom:none;}
.suggest .opt:hover,.suggest .opt.active{background:rgba(185,200,228,.12);}
.suggest .opt .sub{color:var(--muted);font-size:12px;margin-left:6px;}
.suggest .empty{padding:12px 14px;font-size:13px;color:var(--muted);}
.cityfield.picked input{border-color:rgba(185,200,228,.55);}

/* ---------- ПРОПУСТИТЬ ---------- */
#btnSkip{width:100%;max-width:360px;margin-top:10px;}
.skiphint{font-size:12px;color:var(--muted);line-height:1.45;margin:10px 2px 0;max-width:360px;text-align:center;}

/* ---------- КНОПКИ ---------- */
.btn{margin-top:16px;border:none;cursor:pointer;width:100%;max-width:360px;font-family:var(--sans);
  font-size:12px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:#12111a;
  background:var(--accent);
  padding:15px 30px;border-radius:2px;
  box-shadow:0 14px 34px rgba(185,200,228,.20);
  transition:transform .15s ease, filter .15s ease, opacity .2s ease;}
.btn:active{transform:scale(.98);}
.btn:hover{filter:brightness(1.06);}
.btn:disabled{opacity:.45;cursor:default;}
.btn.ghost{background:transparent;color:var(--text);border:1px solid rgba(237,231,220,.28);box-shadow:none;}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent);filter:none;}
.btn.small{width:auto;padding:13px 22px;}
.btnrow{display:flex;gap:10px;width:100%;max-width:360px;justify-content:center;flex-wrap:wrap;}
.btnrow .btn{width:auto;flex:1;min-width:150px;margin-top:16px;}

/* ---------- ЗНАК ---------- */
.signBadge{display:flex;flex-direction:column;align-items:center;gap:5px;margin:8px 0 6px;}
.signBadge .glyph{font-family:var(--serif);font-size:58px;line-height:1;color:var(--accent);font-variant-emoji:text;}
.signBadge .sname{font-family:var(--serif);font-size:30px;font-weight:400;line-height:1.1;color:var(--text);}
.signBadge .stype{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);}

/* ---------- КОЛОДА ---------- */
.stage{position:relative;width:100%;height:322px;display:flex;align-items:center;justify-content:center;perspective:1400px;margin:6px 0;}
.card{width:186px;height:262px;position:absolute;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1);will-change:transform;}
.card .face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;box-shadow:0 24px 54px rgba(0,0,0,.55);background:var(--panel);border:1px solid rgba(237,231,220,.16);padding:11px;}
.card .face>*{position:relative;}

/* — рубашка — */
.card .back .backinner{width:100%;height:100%;border:1px solid rgba(237,231,220,.14);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.card .back .ring{position:absolute;border-radius:50%;border:1px solid rgba(185,200,228,.14);}
.card .back .ring.r1{width:196px;height:196px;}
.card .back .ring.r2{width:138px;height:138px;border-color:rgba(185,200,228,.18);}
.card .back .ring.r3{width:86px;height:86px;border-color:rgba(185,200,228,.24);}
.card .back .bdot{width:30px;height:30px;border-radius:50%;background:var(--accent);opacity:.85;}
.card .back .btouch{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.42em;text-transform:uppercase;color:var(--muted);}

/* — лицо — */
.card .front{transform:rotateY(180deg);}
.card .front{display:flex;flex-direction:column;}
.card .front.imgface{padding:0;background:#0f1018;border-color:rgba(237,231,220,.2);}
.card .front .img{width:100%;height:100%;object-fit:contain;display:block;}
.card .front .fhead{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);padding:4px 4px 0;}
.card .front .fart{flex:1;display:flex;align-items:center;justify-content:center;}
.card .front .fmeta{display:flex;flex-direction:column;gap:6px;padding:0 4px 4px;text-align:left;}
.card .front .fname{font-family:var(--serif);font-size:23px;line-height:1.18;color:var(--text);}
.card .front .frule{width:26px;height:1px;background:rgba(237,231,220,.28);}
.card .front .fkey{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);}

/* — диск луны / глиф — */
.disc{position:relative;width:104px;height:104px;border-radius:50%;border:1px solid rgba(185,200,228,.28);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.disc .moon{position:relative;width:100%;height:100%;}
.disc.sign{overflow:visible;}
.disc .zglyph{font-family:var(--serif);font-size:46px;line-height:1;color:var(--accent);font-variant-emoji:text;}

.card.flipped{transform:rotateY(180deg) !important;}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.breathe{animation:floaty 3.6s ease-in-out infinite;}

/* ---------- РЕЗУЛЬТАТ ---------- */
.result{width:100%;max-width:360px;opacity:0;transform:translateY(14px);transition:opacity .5s ease .1s, transform .5s ease .1s;pointer-events:none;margin-top:4px;}
.result.show{opacity:1;transform:none;pointer-events:auto;}
.result .cardKey{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:6px 0 4px;}
.result .cardName{font-family:var(--serif);font-size:32px;font-weight:400;color:var(--text);margin:0 0 6px;line-height:1.14;}
.result .rule{width:32px;height:1px;background:rgba(237,231,220,.28);margin:8px auto 12px;}
.result .cardText{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.5;color:var(--dim);text-wrap:pretty;padding:0 6px;}
.hint{color:var(--muted);font-size:12px;letter-spacing:.04em;margin-top:14px;min-height:18px;}
.err{color:#e8a2a2;font-size:13px;margin-top:8px;min-height:16px;}
.cta{margin-top:22px;padding-top:18px;border-top:1px solid rgba(237,231,220,.14);width:100%;max-width:360px;}
.cta .ctaText{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--soft);margin-bottom:10px;line-height:1.45;}