.fbauth{--bg:#F6F6F7;--ink:#18181B;--soft:#71717A;--line:#E4E4E7;--tile:#F4F4F5;--brand:#006B70;--hero:linear-gradient(135deg,#04545A,#0E8F94 55%,#3CC1B9)}.fbauth *{box-sizing:border-box}.fbauth{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff}.fbauth .wrap{display:grid;grid-template-columns:minmax(420px,1.05fr) 1fr;min-height:100vh}.fbauth .side{position:relative;overflow:hidden;background:var(--hero);color:#fff;padding:48px 52px;display:flex;flex-direction:column;justify-content:center;align-items:center}.fbauth .sidein{width:100%;max-width:500px}.fbauth .side:before{width:520px;height:520px;background:rgba(255,255,255,.07);right:-200px;top:-200px}.fbauth .side:after,.fbauth .side:before{content:"";position:absolute;border-radius:50%}.fbauth .side:after{width:340px;height:340px;background:rgba(255,255,255,.06);left:-140px;bottom:-150px}.fbauth .side>*{position:relative;z-index:1}.fbauth .brand{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.fbauth .brand img{width:84px;height:84px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.28))}.fbauth .brand b{display:block;font-size:24px;font-weight:800;letter-spacing:-.01em}.fbauth .brand span{font-size:12.5px}.fbauth .pitch{margin:0;padding:30px 0 0;text-align:center}.fbauth .more{padding-bottom:32px}.fbauth .pitch h1{margin:0;font-size:42px;line-height:1.12;font-weight:800;letter-spacing:-.025em}.fbauth .pitch p{margin:16px auto 0;font-size:16px;line-height:1.6;max-width:460px}.fbauth .feats{list-style:none;padding:0;margin:28px auto 0;display:grid;grid-gap:14px;gap:14px;width:-moz-fit-content;width:fit-content;max-width:100%;text-align:left}.fbauth .feats li{display:flex;gap:14px;align-items:center;font-size:14.5px;line-height:1.45}.fbauth .feats .fi{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:none}.fbauth .feats b{display:block;font-size:15px}.fbauth .feats span{color:#fff}.fbauth .peek{margin:30px auto 0;text-align:left;background:#fff;color:var(--ink);border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;max-width:400px;box-shadow:0 18px 40px rgba(46,5,10,.3)}.fbauth .peek .pi{width:40px;height:40px;border-radius:12px;background:#FEF3C7;color:#B45309;display:grid;place-items:center;flex:none}.fbauth .peek b{display:block;font-size:14px}.fbauth .peek span{font-size:12.5px;color:var(--soft)}.fbauth .peek em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--brand);border-radius:99px;padding:6px 11px;white-space:nowrap}.fbauth .peek small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#B45309;margin-bottom:1px}.fbauth .verse{font-size:14px;line-height:1.55;max-width:440px;margin:0 auto;text-align:center;font-style:italic}.fbauth .verse i{display:block;font-style:normal;font-size:12.5px;margin-top:4px}.fbauth .main{position:relative;flex-direction:column;justify-content:center;padding:80px 40px 100px}.fbauth .main,.fbauth .topr{display:flex;align-items:center}.fbauth .topr{position:absolute;top:28px;right:40px;gap:10px}.fbauth .lang{display:inline-flex;align-items:center;gap:7px;background:var(--tile);border:0;border-radius:10px;padding:8px 12px;font:600 13px Inter,sans-serif;color:var(--ink);cursor:pointer}.fbauth .formbox{width:100%;max-width:400px}.fbauth .formbox h2{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em;text-align:center}.fbauth .formbox .lead{margin:8px 0 26px;color:var(--soft);font-size:15px;text-align:center}.fbauth .sso{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;height:48px;border-radius:12px;font:600 15px Inter,sans-serif;cursor:pointer;margin-bottom:10px;transition:background .15s ease,box-shadow .15s ease}.fbauth .sso.g{background:#fff;color:var(--ink);border:1px solid var(--line)}.fbauth .sso.g:hover{background:#FAFAFA;box-shadow:0 4px 12px rgba(24,24,27,.06)}.fbauth .sso.a{background:#000;color:#fff;border:0}.fbauth .sso.a:hover{background:#1F1F1F}.fbauth .or{display:flex;align-items:center;gap:12px;color:#A1A1AA;font-size:12.5px;font-weight:600;margin:18px 0}.fbauth .or:after,.fbauth .or:before{content:"";flex:1 1;height:1px;background:var(--line)}.fbauth label{display:block;font-size:13.5px;font-weight:600;margin-bottom:6px}.fbauth .field{display:flex;align-items:center;gap:10px;height:48px;border:1px solid var(--line);border-radius:12px;padding:0 14px;color:#A1A1AA;margin-bottom:16px;transition:border-color .15s ease,box-shadow .15s ease}.fbauth .field:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,107,112,.12);color:var(--brand)}.fbauth .field input{flex:1 1;border:0;outline:0;font:400 15px Inter,sans-serif;color:var(--ink);background:transparent;min-width:0}.fbauth .field input::placeholder{color:#A1A1AA}.fbauth .eye{border:0;background:transparent;color:#71717A;cursor:pointer;padding:4px;display:grid;place-items:center}.fbauth .row2{display:flex;justify-content:space-between;align-items:center;margin:-4px 0 20px;font-size:13.5px}.fbauth .row2 label{display:flex;align-items:center;gap:8px;font-weight:500;margin:0;cursor:pointer;color:#3F3F46}.fbauth .row2 input{width:16px;height:16px;accent-color:var(--brand);margin:0}.fbauth .lnk,.fbauth a{color:var(--brand);font-weight:600;text-decoration:none;cursor:pointer}.fbauth .lnk:hover,.fbauth a:hover{text-decoration:underline}.fbauth .go{width:100%;height:50px;border:0;border-radius:12px;background:var(--brand);color:#fff;font:700 15.5px Inter,sans-serif;cursor:pointer;box-shadow:0 8px 18px rgba(0,107,112,.22);display:flex;align-items:center;justify-content:center;gap:8px}.fbauth .go:hover{background:#03343B}.fbauth .err{display:none;background:#FEF2F2;color:#B91C1C;border-radius:10px;padding:10px 12px;font-size:13.5px;margin-bottom:14px}.fbauth .err.show{display:block}.fbauth .invite{margin-top:22px;background:var(--tile);border-radius:14px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:#3F3F46}.fbauth .invite .ii{width:34px;height:34px;border-radius:10px;background:#fff;color:var(--brand);display:grid;place-items:center;flex:none}.fbauth .gbtn,.fbauth .invite b{color:var(--ink)}.fbauth .gbtn{width:100%;height:50px;margin-top:12px;border:1px solid var(--line,#dce7ea);border-radius:12px;background:#fff;font:600 15px Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.fbauth .gbtn:hover{background:#F4F8F9}.fbauth .gbtn:disabled{opacity:.6;cursor:default}.fbauth .appleh{margin:12px 0 0;font-size:12.5px;line-height:1.5}.fbauth .appleh,.fbauth .newc{text-align:center;color:var(--soft)}.fbauth .newc{margin-top:22px;font-size:14px}.fbauth .foot{position:absolute;left:40px;right:40px;bottom:24px;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;align-items:center;font-size:12.5px;color:#A1A1AA}.fbauth .foot nav{display:flex;gap:16px}.fbauth .foot nav a{color:#71717A;font-weight:500}.fbauth .safe{display:inline-flex;align-items:center;gap:6px}.fbauth .tag{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);background:#E0F0F1;padding:4px 9px;border-radius:99px}.fbauth .toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font-size:13.5px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:30}.fbauth .toast.show{opacity:1}@media (max-width:1100px){.fbauth .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fbauth .side{padding:40px 32px}.fbauth .pitch h1{font-size:34px}.fbauth .peek{display:none}.fbauth .main{padding:80px 28px 100px}.fbauth .topr{right:28px}.fbauth .foot{left:28px;right:28px}}@media (max-width:860px){.fbauth .wrap{display:flex;flex-direction:column;min-height:100dvh}.fbauth .main,.fbauth .side,.fbauth .sidein{display:contents}.fbauth .side:after,.fbauth .side:before{display:none}.fbauth .topr{order:1;position:static;justify-content:space-between;padding:14px 16px 0}.fbauth .intro{order:2;position:relative;overflow:hidden;width:calc(100% - 32px);max-width:560px;margin:12px auto 0;padding:26px 20px 24px;border-radius:24px;background:var(--hero);color:#fff;text-align:center;box-shadow:0 14px 30px rgba(0,107,112,.22)}.fbauth .intro:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08);right:-80px;top:-90px;pointer-events:none}.fbauth .intro>*{position:relative;z-index:1}.fbauth .brand{gap:10px}.fbauth .brand img{width:60px;height:60px}.fbauth .brand b{font-size:21px}.fbauth .pitch{padding:16px 0 0}.fbauth .pitch h1{font-size:26px}.fbauth .pitch p{font-size:14.5px;margin-top:10px}.fbauth .formbox{order:3;width:100%;max-width:460px;margin:0 auto;padding:26px 20px 4px}.fbauth .formbox h2{font-size:25px}.fbauth .formbox .lead{margin-bottom:20px}.fbauth .field input{font-size:16px}.fbauth .row2{flex-wrap:wrap;gap:8px}.fbauth .more{order:4;width:100%;max-width:460px;margin:24px auto 0;padding:22px 20px 0;border-top:1px solid var(--line);color:var(--ink)}.fbauth .feats{margin:0;width:auto;gap:14px}.fbauth .feats .fi{background:var(--tile);color:var(--brand)}.fbauth .feats span{opacity:1;color:var(--soft);font-size:13.5px}.fbauth .peek{display:flex;margin:18px 0 0;max-width:none;border:1px solid var(--line);box-shadow:0 1px 2px rgba(24,24,27,.05)}.fbauth .verse{order:5;width:100%;max-width:460px;margin:0 auto;padding:22px 24px 0;color:var(--brand);opacity:1}.fbauth .verse i{color:var(--soft);opacity:1}.fbauth .foot{order:6;position:static;flex-direction:column;justify-content:center;gap:10px;padding:22px 20px 26px;text-align:center}}@media (max-width:380px){.fbauth .intro{width:calc(100% - 24px);margin:10px auto 0;padding:22px 16px 20px}.fbauth .pitch h1{font-size:23px}.fbauth .formbox{padding:22px 16px 4px}.fbauth .more{padding:20px 16px 0}.fbauth .peek em{display:none}}