.acct{max-width:460px;margin:0 auto;padding:48px 24px 64px}.acct.wide{max-width:900px}.acct h1{font:700 30px var(--mono);color:var(--text-hi);letter-spacing:-.01em;margin:0 0 8px}.acct .sub{font:400 14px/1.6 var(--sans);color:var(--text-3);margin:0 0 26px}.acct h2{font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--text);margin:30px 0 12px}.acct .panel{background:var(--bg-raised);box-shadow:var(--bevel);margin-bottom:16px;padding:20px}.acct .field{margin-bottom:14px;display:block}.acct .field>span{font:600 10.5px var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--text-5);margin-bottom:6px;display:block}.acct input{background:var(--bg-void);width:100%;box-shadow:var(--bevel-sunken);font:400 13px var(--mono);color:var(--text-hi);padding:11px 13px}.acct input:focus{box-shadow:var(--bevel-sunken), inset 0 0 0 2px var(--magenta);outline:none}.acct .hint{font:400 11.5px/1.5 var(--mono);color:var(--text-5);margin:-8px 0 14px}.acct .btn{font:700 13px var(--mono);letter-spacing:.05em;box-shadow:var(--bevel-strong);padding:12px 20px;text-decoration:none;display:inline-block}.acct .btn.primary{background:var(--magenta);color:#fff}.acct .btn.primary:hover{background:#d456d4}.acct .btn.plain{background:var(--bg-control);color:var(--text);box-shadow:var(--bevel);font-weight:600}.acct .btn.danger{box-shadow:inset 0 0 0 2px var(--red-deep);color:var(--red);background:0 0;font-weight:600}.acct .btn:active{box-shadow:var(--bevel-pressed);translate:1px 1px}.acct .alt{font:400 12.5px var(--mono);color:var(--text-5);margin-top:20px}.acct .alt a{color:var(--magenta-lt);text-decoration:none}.acct .flash{font:400 12.5px/1.5 var(--mono);margin-bottom:18px;padding:11px 14px}.acct .flash.bad{background:var(--red-deep);color:var(--red-pale)}.acct .flash.ok{background:var(--green-deep);color:var(--green)}