:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#1f2930;background:#f3f0e9}*{box-sizing:border-box}body{min-height:100vh;display:grid;place-items:center;margin:0;padding:20px;background:radial-gradient(circle at 12% 12%,#d86d4b18,transparent 28rem),radial-gradient(circle at 90% 88%,#167e791b,transparent 32rem),#f3f0e9}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(circle at 0 0,transparent 24px,#167e7955 25px,transparent 26px),radial-gradient(circle at 50px 50px,transparent 24px,#d86d4b55 25px,transparent 26px);background-size:100px 100px}.card{position:relative;width:min(440px,100%);background:#fff;padding:40px;border:1px solid #d9d6cc;border-radius:24px;box-shadow:0 22px 70px #23302d1c}.brand{display:flex;align-items:center;gap:12px;margin:0 0 28px}.brand>span:last-child{display:grid}.brand strong{font-size:20px}.brand small{color:#69736f;font-size:12px}.brand-mark{position:relative;width:44px;height:44px;overflow:hidden;border-radius:13px;background:#1f3032}.brand-mark i{position:absolute;width:38px;height:11px;border:3px solid;border-radius:50%;transform:rotate(45deg)}.brand-mark i:nth-child(1){top:3px;left:-10px;border-color:#42aaa4}.brand-mark i:nth-child(2){top:16px;left:7px;border-color:#e47b59;transform:rotate(-45deg)}.brand-mark i:nth-child(3){top:29px;left:-8px;border-color:#d49a58}h1{margin:.2em 0;font-size:34px;letter-spacing:-.04em}p{color:#69736f;line-height:1.5}form{display:grid;gap:14px;margin:24px 0}label{display:grid;gap:8px;font-weight:650;font-size:13px}input,button,.vk{font:inherit;border-radius:11px;padding:13px 14px}input{border:1px solid #cdd2cb;background:#fffefa}input:focus{outline:3px solid #167e7920;border-color:#167e79}button,.vk{border:0;background:#176f6b;color:#fff;text-align:center;text-decoration:none;cursor:pointer;font-weight:750;box-shadow:0 8px 18px #176f6b2b}.vk{display:block;background:#087bea}.dev{padding:12px;background:#fff3cd;border-radius:8px;color:#654d03}.legal{font-size:12px;color:#69736f;margin-top:24px;padding-top:18px;border-top:1px solid #e4e1d8}@media(max-width:520px){.card{padding:28px 22px;border-radius:19px}h1{font-size:29px}}

/* The same three data threads continue through authentication. */
body{background-color:#f3f0e9;background-image:linear-gradient(#26373a09 1px,transparent 1px),linear-gradient(90deg,#26373a09 1px,transparent 1px);background-size:24px 24px}
body:before{inset:0 auto 0 clamp(20px,9vw,140px);width:9px;opacity:.9;background:linear-gradient(90deg,#217c76 0 3px,transparent 3px 4px,#d36643 4px 7px,transparent 7px 8px,#b78132 8px)}
.card{border-radius:14px}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,#217c76 0 34%,#d36643 34% 67%,#b78132 67%)}
.brand-mark{border-radius:8px;background:#203437}input,button,.vk{border-radius:8px}button{background:#d36643;box-shadow:0 8px 18px #d366432b}input:focus{outline-color:#217c7620;border-color:#217c76}
@media(max-width:520px){body:before{display:none}}

/* Contemporary Russian textile palette. */
:root{color:#252728;background:#f2eee4}
body{background-color:#f2eee4;background-image:linear-gradient(#3e393108 1px,transparent 1px),linear-gradient(90deg,#3e393108 1px,transparent 1px);background-size:12px 12px}
body:before{width:12px;background:repeating-linear-gradient(to bottom,#285b73 0 10px,#f2eee4 10px 14px,#b83b32 14px 24px,#f2eee4 24px 28px,#b18139 28px 38px,#f2eee4 38px 42px)}
.card:before{height:6px;background:linear-gradient(45deg,transparent 35%,#b83b32 36% 48%,transparent 49%) 0 0/18px 9px,linear-gradient(-45deg,transparent 35%,#285b73 36% 48%,transparent 49%) 9px 0/18px 9px,#e8decd}
.brand strong,h1{font-family:Georgia,"Times New Roman",serif}.brand-mark{background:#292b32}.brand-mark i:nth-child(1){border-color:#4b829b}.brand-mark i:nth-child(2){border-color:#cf5147}.brand-mark i:nth-child(3){border-color:#c49a57}
button{background:#b83b32;box-shadow:0 8px 18px #b83b322b}input:focus{outline-color:#285b7320;border-color:#285b73}

/* Blue, green, white, black palette. */
:root{color:#101515;background:#f4f7f6}
body{background-color:#f4f7f6;background-image:linear-gradient(#10151508 1px,transparent 1px),linear-gradient(90deg,#10151508 1px,transparent 1px)}
body:before{background:repeating-linear-gradient(to bottom,#145b8c 0 10px,#fff 10px 14px,#29754f 14px 24px,#fff 24px 28px,#101515 28px 38px,#fff 38px 42px)}
.card{background:#fff;border-color:#d7dfdd}.card:before{background:linear-gradient(45deg,transparent 35%,#29754f 36% 48%,transparent 49%) 0 0/18px 9px,linear-gradient(-45deg,transparent 35%,#145b8c 36% 48%,transparent 49%) 9px 0/18px 9px,#e4ebe9}
.brand-mark{background:#111719}.brand-mark i:nth-child(1){border-color:#3180b5}.brand-mark i:nth-child(2){border-color:#3a9669}.brand-mark i:nth-child(3){border-color:#fff}
button{background:#145b8c;box-shadow:0 8px 18px #145b8c2b}input:focus{outline-color:#145b8c20;border-color:#145b8c}

/* Uzor approved sign-in treatment. */
:root{color:#17262c;background:#f3f0e8}
body{background-color:#f3f0e8;background-image:linear-gradient(#26373a08 1px,transparent 1px),linear-gradient(90deg,#26373a08 1px,transparent 1px);background-size:12px 12px}
body:before{width:38px;left:clamp(18px,7vw,110px);background-color:#0e1d24;background-image:linear-gradient(45deg,transparent 42%,#27849a 43% 47%,transparent 48%),linear-gradient(-45deg,transparent 42%,#b95343 43% 47%,transparent 48%);background-size:22px 22px;background-position:0 0,11px 11px}
.card{background:#fbfcfc;border-color:#cbd7da;border-radius:8px;box-shadow:10px 10px 0 #dce4e4,10px 10px 0 1px #96aeb3}.card:before{height:4px;border-radius:0;background:linear-gradient(90deg,#27849a,#8fc2ca 50%,#b95343)}
.brand{gap:15px}.brand-mark{width:50px;height:50px;flex:0 0 50px;overflow:visible;border:0;border-radius:0;background:transparent}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand strong{font:700 28px Georgia,"Times New Roman",serif;letter-spacing:.02em}
input{background:#fff;border-color:#c5d1d3}button{background:#152a34;box-shadow:0 7px 17px #0e1d2426}input:focus{outline-color:#27849a20;border-color:#27849a}