@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{font-family:Poppins,system-ui,sans-serif;background:#0b1118;color:#e8eef4;-webkit-font-smoothing:antialiased}button,input{font-family:inherit}.bd-page{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 20px;overflow:hidden;background:#0b1118}.bd-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(150,190,220,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(150,190,220,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 30% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 30% 40%,#000 20%,transparent 75%)}.bd-glow{position:absolute;width:640px;height:640px;left:-160px;top:-200px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.16),transparent 65%);pointer-events:none}.bd-shell{position:relative;width:100%;max-width:1080px;display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}.bd-brand{display:flex;align-items:center;gap:12px;margin-bottom:48px}.bd-mark{position:relative;width:34px;height:34px;display:block}.bd-mark i{position:absolute;width:20px;height:20px;border:2px solid #2dd4bf;border-radius:5px}.bd-mark i:first-child{left:0;top:0}.bd-mark i:last-child{right:0;bottom:0;border-color:#e8eef4;background:#0b1118}.bd-brand-name{font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:#b9c7d4}h1{margin:0;font-size:clamp(2.3rem,5.6vw,4.2rem);line-height:1.06;font-weight:600;letter-spacing:-.02em;max-width:12ch}.bd-sub{margin:20px 0 0;font-size:1.125rem;font-weight:300;color:#a9b8c6;max-width:30ch;line-height:1.6}.bd-rule{width:72px;height:2px;margin:32px 0 20px;background:linear-gradient(90deg,#2dd4bf,transparent)}.bd-note{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#7f91a2}.bd-card{background:#121b25d1;border:1px solid rgba(150,190,220,.16);border-radius:18px;padding:36px;box-shadow:0 30px 60px -30px #000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bd-card h2{margin:0 0 24px;font-size:1.3rem;font-weight:500}.bd-field{margin-bottom:18px}.bd-field label{display:block;margin-bottom:8px;font-size:.82rem;font-weight:500;color:#b9c7d4}.bd-field input{width:100%;height:48px;padding:0 14px;border-radius:10px;border:1px solid rgba(150,190,220,.22);background:#0e1620;color:#f1f6fa;font-size:1rem;transition:border-color .2s,box-shadow .2s}.bd-field input:focus{outline:none;border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf33}.bd-field input:disabled{opacity:.6}.bd-pw{position:relative}.bd-pw input{padding-right:48px}.bd-eye{position:absolute;right:4px;top:4px;width:40px;height:40px;display:grid;place-items:center;background:none;border:0;border-radius:8px;color:#9fb0c0;cursor:pointer}.bd-eye:hover{color:#fff}.bd-eye:focus-visible,.bd-submit:focus-visible{outline:2px solid #2dd4bf;outline-offset:2px}.bd-error{display:flex;gap:8px;align-items:flex-start;margin:0 0 16px;padding:10px 12px;border-radius:10px;background:#f4725e1f;border:1px solid rgba(244,114,94,.4);color:#ffb4a6;font-size:.88rem}.bd-error svg{flex:none;margin-top:2px}.bd-submit{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;background:#2dd4bf;color:#06201c;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .15s,background .2s}.bd-submit:hover:not(:disabled){background:#5eead4;transform:translateY(-1px)}.bd-submit:disabled{opacity:.5;cursor:not-allowed}.bd-spin{animation:bd-spin 1s linear infinite}@keyframes bd-spin{to{transform:rotate(360deg)}}.bd-hero,.bd-card{animation:bd-in .7s cubic-bezier(.2,.7,.2,1) both}.bd-card{animation-delay:.12s}@keyframes bd-in{0%{opacity:0;transform:translateY(14px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:820px){.bd-shell{grid-template-columns:1fr;gap:36px}.bd-brand{margin-bottom:28px}.bd-card{padding:26px 22px}h1{max-width:none}}
