@font-face{font-family:SunflowerHand;src:url('assets/login/sunflower-title-subset.ttf') format('truetype');font-display:swap;font-weight:400}
.authReference{background:#fff8ee;min-height:100svh;padding:64px 22px 52px;align-items:center;color:#505668}
.authReference .authCard{max-width:570px;border:1px solid #f1dfda;border-radius:36px;padding:30px 38px 36px;box-shadow:0 12px 50px #bc998008}
.authBrand{position:relative}.authBrandRow{display:flex;align-items:flex-end;gap:14px;padding-right:12px}.authSunflower{width:68px;height:80px;object-fit:contain;flex:none}.authReference .authTeam{font-size:20px;letter-spacing:2px;font-weight:700;color:#b65e70;margin:0 0 10px;white-space:nowrap}
.authStorybook{position:absolute;width:84px;height:74px;right:-15px;top:49px;transform:rotate(3deg)}
.authReference .authTitle{font-size:25px;font-weight:650;text-align:center;color:#454d60;margin:23px 0 0}.authReference .authMotto{font-family:SunflowerHand,cursive;font-size:45px;font-weight:400;letter-spacing:3px;line-height:1.4;margin:7px 36px 0 0;white-space:nowrap}.authBrush{width:81%;height:22px;display:block;margin:0 auto}
.authReference .authBrandCopy{text-align:center;line-height:1.9;font-size:15px;letter-spacing:1.3px;color:#596071;margin:20px 0 0;text-wrap:pretty}
.authReference .authForm{gap:20px;margin-top:36px}.authReference .field{min-width:0;gap:7px}.authReference .field label{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:700;letter-spacing:.3px;color:#4c5465}.authReference label svg{width:23px;height:23px;color:#b65e70;flex:none}
.authReference .input{width:100%;min-width:0;border:1.3px solid #dfe0e7;border-radius:15px;font-size:17px;min-height:52px;padding:12px 16px}.authReference .input::placeholder{color:#a4a6af}.authPassword{position:relative;min-width:0}.authPassword .input{padding-right:53px}.authEye{position:absolute;right:6px;top:4px;width:44px;height:44px;border:0;background:transparent;color:#596173;display:grid;place-items:center;border-radius:10px}.authEye svg{width:23px;height:23px}.authEye[aria-pressed=true]{color:#ad5265;background:#fff4ef}.authEye:focus-visible{outline:3px solid #e5b86a;outline-offset:0}
.authReference .btn.primary{background:#b86679;border-color:#b86679;min-height:54px;border-radius:16px;font-size:20px;font-weight:700;letter-spacing:3px;margin-top:1px}.authReference .btn.primary:hover{background:#a8566a}.authReference .authOptions{margin-top:20px;gap:8px}.authReference .linkButton{color:#b3586c;font-weight:650;font-size:15px;padding:4px 0;text-underline-offset:3px}
.authFeatures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:#faf9f6;border-radius:18px;padding:6px;margin-top:27px}.authFeatures>div{display:flex;align-items:center;flex-direction:column;gap:4px;padding:12px 2px 10px;min-width:0;border-radius:13px;text-align:center;box-shadow:0 1px 2px #4c403203;font-size:15px;font-weight:700;color:#813e37;background:linear-gradient(135deg,#FCE8EC,#FFFDFC);border:1px solid #F5E1E7}.authFeatures>div:nth-child(2){background:linear-gradient(135deg,#FFF2D3,#FFFEF9);border-color:#F8EDD5;color:#8b542b}.authFeatures>div:nth-child(3){background:linear-gradient(135deg,#EAF5DF,#FCFFF9);border-color:#E2EFDA;color:#425d4c}.authFeatures>div:nth-child(4){background:linear-gradient(135deg,#E4F3FC,#FCFEFF);border-color:#DDEEF8;color:#354e68}.authFeatures>div+div:before{content:none}.authFeatures svg{width:30px;height:30px;margin-bottom:2px;color:#ce5b68}.authFeatures>div:nth-child(2) svg{color:#cc753a}.authFeatures>div:nth-child(3) svg{color:#507b69}.authFeatures>div:nth-child(4) svg{color:#397aa9}.authFeatures span{white-space:nowrap}.authFeatures small{display:block;font-size:11px;font-weight:500;line-height:1.5;color:#66565b;white-space:nowrap}.authFeatures>div:nth-child(2) small{color:#756047}.authFeatures>div:nth-child(3) small{color:#5d6956}.authFeatures>div:nth-child(4) small{color:#526575}
/* Keep the single icon separate from the label; widen desktop navigation only. */
.navBtn{white-space:nowrap;flex-shrink:0}.navIcon{flex:none}.navBtn[data-tab=directory]{gap:8px;font-size:14px;padding-left:10px;padding-right:8px}
@media(min-width:981px){.appShell{grid-template-columns:265px minmax(0,1fr)}}
@media(max-width:980px){.navBtn[data-tab=directory]{font-size:12px;padding:9px 12px;gap:8px}}
@media(max-width:520px){.authReference{padding:48px 20px 32px;align-items:flex-start}.authReference .authCard{padding:22px 24px 27px;border-radius:28px}.authBrandRow{gap:9px;padding-right:0}.authSunflower{width:45px;height:62px}.authReference .authTeam{font-size:clamp(11px,3.6vw,17px);letter-spacing:.6px;margin-bottom:9px}.authStorybook{width:57px;height:53px;right:-9px;top:43px}.authReference .authMotto{font-size:clamp(29px,8.3vw,42px);letter-spacing:1px;margin:6px 22px 0 0}.authBrush{height:16px;width:82%}.authReference .authBrandCopy{font-size:12px;letter-spacing:.6px;line-height:1.85;margin-top:18px}.authReference .authForm{gap:16px;margin-top:28px}.authReference .field label{font-size:13px;gap:8px}.authReference label svg{width:19px;height:19px}.authReference .input{min-height:46px;font-size:16px;padding:10px 12px;border-radius:12px}.authPassword .input{padding-right:46px}.authEye{width:40px;height:40px;top:3px;right:3px}.authReference .btn.primary{min-height:48px;font-size:18px;border-radius:13px}.authReference .linkButton{font-size:12px}.authReference .authOptions{margin-top:16px}.authFeatures{padding:5px;gap:4px;margin-top:22px;border-radius:17px}.authFeatures>div{font-size:12px;gap:3px;padding:9px 1px 8px;border-radius:11px}.authFeatures svg{width:25px;height:25px}.authFeatures small{font-size:clamp(8px,2.2vw,10px);white-space:normal;min-height:2.8em;display:flex;align-items:flex-start;justify-content:center}}
@media(max-width:350px){.authReference{padding-left:12px;padding-right:12px}.authReference .authCard{padding-left:19px;padding-right:19px}.authFeatures>div{font-size:11px}.authReference .authTeam{font-size:11px}}