/* The DOTMENT door (26 Oct 2026). Same layout and type sizes as Tribe's sign in. Copied into every repo
   with dotment-door.ts; the logo and Gilroy files live next to it in /door. */
@font-face{font-family:"DD Gilroy";font-weight:400;font-display:swap;src:url("Gilroy-Regular.woff") format("woff")}
@font-face{font-family:"DD Gilroy";font-weight:600;font-display:swap;src:url("Gilroy-SemiBold.woff") format("woff")}
@font-face{font-family:"DD Gilroy";font-weight:800;font-display:swap;src:url("Gilroy-ExtraBold.woff") format("woff")}
.dd{width:100%;flex:1 1 auto;position:relative;min-height:100vh;min-height:100dvh;background:#000;color:#fff;overflow:hidden;display:grid;grid-template-columns:1fr minmax(380px,430px);grid-template-rows:auto 1fr auto;column-gap:60px;padding:56px 7vw 48px;box-sizing:border-box;font-family:"DD Gilroy",Gilroy,Poppins,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
.dd *{box-sizing:border-box}
.dd-canvas{position:absolute;left:0;top:0;pointer-events:none}
.dd [data-door-keep]{position:relative;z-index:2}
.dd-lock{grid-column:1;grid-row:1;align-self:start;justify-self:start;display:flex;align-items:center;gap:20px}
.dd-lock img{width:150px;height:auto;display:block}
.dd-lock i{width:2px;height:25px;background:#75E2FF;display:block}
.dd-lock span{font-size:35px;font-weight:400;line-height:1;letter-spacing:.01em;color:#fff;text-transform:uppercase}
.dd-head{grid-column:1;grid-row:3;align-self:end;justify-self:start;max-width:540px}
.dd-head h1,.dd-h{padding:0;font-size:60px;font-weight:800;line-height:.96;letter-spacing:-.02em;text-transform:uppercase;max-width:540px;margin:0;color:#fff}
.dd-card{grid-column:2;grid-row:1/4;align-self:center;background:#fff;color:#0E1113;border-radius:24px;padding:34px;display:flex;flex-direction:column;gap:14px;text-align:left}
.dd-card h2{text-transform:none;margin:0;font-size:26px;font-weight:800;letter-spacing:-.01em;line-height:1.1;color:#0E1113}
.dd-card p{margin:0;font-size:14px;line-height:1.5;color:#5C6368}
.dd-card p b{color:#0E1113}
.dd-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:48px;border:0;border-radius:12px;background:#000;color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.dd-btn:hover{background:#1c1f22}
.dd-btn:disabled{opacity:.55;cursor:default}
.dd-btn .dd-g{width:20px;height:20px;border-radius:50%;background:#fff;color:#000;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.dd-behind{opacity:.3;pointer-events:none}
.dd-fine{font-size:12px;line-height:1.45;color:#9AA0A5;margin:0}
.dd-alert{font-size:13px;line-height:1.45;color:#B42318;margin:0}
.dd-dom{position:absolute!important;left:7vw;bottom:18px;font-size:10.5px;letter-spacing:.14em;color:#6B7176;text-transform:uppercase}
@media (max-width:900px){
 .dd{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;padding:calc(36px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));row-gap:22px}
 .dd-lock img{width:120px}.dd-lock span{font-size:28px}.dd-lock i{height:20px}
 .dd-head{grid-row:3}.dd-head h1,.dd-h{padding:0;font-size:34px}
 .dd-card{grid-column:1;grid-row:4;padding:22px;gap:10px}.dd-card h2{font-size:22px}
 .dd-dom{display:none}
}