@font-face{font-family:Urbanist;src:url('/assets/fonts/urbanist.woff2') format('woff2');font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#fff;color:#20355a;font-family:Inter,Arial,sans-serif}.portfolio-access{max-width:1160px;margin:0 auto;padding:160px 24px 100px}.portfolio-access__card{max-width:620px;padding:40px;border:1px solid #d5dfee;border-radius:24px;background:#fff;box-shadow:0 22px 45px -28px rgba(32,53,90,.28)}.portfolio-access__eyebrow{font-size:14px;font-weight:600;color:#586b87}.portfolio-access h1{margin:18px 0 24px;font-family:Urbanist,Arial,sans-serif;font-size:clamp(32px,4vw,44px);font-weight:600;line-height:1.15}.portfolio-access p{font-size:17px;line-height:1.7}.portfolio-access form{display:grid;gap:12px;margin:28px 0}.portfolio-access label{font-weight:600;font-size:16px}.portfolio-access input[type=password]{width:100%;min-height:52px;border:1px solid #b7c5d9;border-radius:10px;padding:12px 14px;font:inherit;color:#20355a;background:#fff}.portfolio-access button{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:60px;margin-top:8px;border:1px solid #5ecfc6;border-radius:12px;padding:16px 24px;background:#11efe3;color:#163451;font:600 17px Inter,Arial,sans-serif;box-shadow:0 8px 18px rgba(32,53,90,.12);cursor:pointer}.portfolio-access button span{font-size:28px;line-height:1}.portfolio-access button:hover{background:#62f5eb}.portfolio-access input:focus-visible,.portfolio-access button:focus-visible,.portfolio-access a:focus-visible{outline:3px solid #20355a;outline-offset:3px}.portfolio-access__back{display:inline-block;color:#20355a;text-underline-offset:5px;line-height:1.6}.portfolio-access__error{padding:12px 14px;border:1px solid #d5dfee;border-radius:10px;font-weight:500}@media(max-width:600px){.portfolio-access{padding:120px 18px 60px}.portfolio-access__card{padding:26px 22px}.portfolio-access p{font-size:16px}}
