.signin-page{background:var(--color-primary);min-height:100svh;position:relative;overflow:hidden}.texture{opacity:.4;background:url(/signin/texture.png) 50%/cover no-repeat;position:absolute;inset:0}.diagonal-frame{z-index:1;inset-block:calc(var(--space-10) * -1);justify-content:center;align-items:center;display:flex;position:absolute;left:52%;right:-17%}.diagonal-band{width:calc(var(--space-16) * 5);height:calc(var(--space-16) * 14);background:var(--rust-600);transform-origin:50%;flex:none;transform:rotate(45deg)}.page-shell{z-index:2;width:min(calc(var(--space-16) * 17 + var(--space-8)), calc(100% - var(--space-12)));min-height:100svh;padding-top:var(--space-10);margin:auto;position:relative}.signin-header{height:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.signin-page .brand{align-items:center;gap:var(--space-2);color:var(--text-inverse);font-size:var(--type-d-headline-l2);line-height:var(--lh-d-headline-l2);font-weight:var(--fw-bold);text-decoration:none;display:flex}.brand img{width:var(--space-6);height:var(--space-5)}.brand span span{color:var(--text-inverse)}.forgot:hover{text-decoration:underline}.signin-content{grid-template-columns:calc(var(--space-16) * 7) calc(var(--space-16) * 9);min-height:calc(var(--space-16) * 9);margin-top:calc(var(--space-12) + var(--space-6));justify-content:space-between;align-items:start;display:grid}.signin-page .hero-copy{width:calc(var(--space-16) * 7);align-self:start;margin:0;position:static}.photo-cloud{width:calc(var(--space-16) * 6);height:calc(var(--space-16) * 3 + var(--space-4));margin-bottom:var(--space-8);position:relative}.photo{width:calc(var(--space-16) + var(--space-12));height:calc(var(--space-16) + var(--space-4));border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-sm);position:absolute;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.photo-1{left:var(--space-2);top:var(--space-2);transform:rotate(10deg)}.photo-2{left:calc(var(--space-16) * 2 + var(--space-2));top:var(--space-5)}.photo-3{left:calc(var(--space-16) * 4 + var(--space-2));top:var(--space-2);transform:rotate(-10deg)}.photo-4{left:var(--space-2);top:calc(var(--space-16) + var(--space-12));transform:rotate(8deg)}.photo-5{left:calc(var(--space-16) * 4 + var(--space-2));top:calc(var(--space-16) + var(--space-12));transform:rotate(-8deg)}.hero-copy h1{max-width:calc(var(--space-16) * 7);margin:0 0 var(--space-5);color:var(--text-inverse);font-size:calc(var(--type-d-headline-xxl) + var(--space-4));line-height:var(--space-12);font-weight:var(--fw-bold)}.hero-copy h1 strong{font-weight:var(--fw-bold)}.signin-page .hero-copy>p{max-width:calc(var(--space-16) * 7);color:var(--text-inverse);font-size:var(--type-d-body-l);line-height:var(--lh-d-body-l);margin:0}.signin-card{width:calc(var(--space-16) * 9);min-height:calc(var(--space-16) * 8 + var(--space-12));margin-top:calc(var(--space-10) * -1);padding:var(--space-10);border-radius:var(--radius-default);background:var(--surface-card);box-shadow:var(--shadow-lg)}.institution{flex-direction:column;align-items:center;display:flex}.institution .school-crest{margin-bottom:var(--space-4)}.institution-platform-mark{width:var(--space-12);height:var(--space-12);margin-bottom:var(--space-4);border-radius:var(--radius-default);background:var(--color-primary);place-items:center;display:grid}.institution-platform-mark img{width:var(--space-6);height:var(--space-6);object-fit:contain}.institution h2{font-size:var(--type-d-headline-xl);line-height:var(--lh-d-headline-xl);font-weight:var(--fw-bold);text-align:center;margin:0}.signin-card form{margin-top:var(--space-10)}.signin-card form>p{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--type-d-label-l);line-height:var(--lh-d-body-md);font-weight:var(--fw-bold)}.signin-card form>.ui-alert{margin-bottom:var(--space-4)}.signin-card input{width:100%;height:var(--btn-md-height);padding:var(--space-3) var(--space-4);border:var(--border-width-default) solid var(--border-input);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-default);font-size:var(--type-d-body-md);line-height:var(--lh-d-body-md);outline:none;display:block}.signin-card input::placeholder{color:var(--text-muted);opacity:1}.signin-card input:hover{border-color:var(--border-strong)}.signin-card input:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.signin-card input.is-error,.signin-card input.is-error:focus{border-color:var(--status-error);box-shadow:0 0 0 var(--space-1) var(--status-error-bg)}.password-field{margin-top:var(--space-6);position:relative}.password-field input{padding-right:var(--space-12)}.password-field button{inset-block:var(--space-1);right:var(--space-1);width:var(--space-10);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.password-field button img{width:var(--space-4);height:var(--space-4)}.forgot{width:max-content;margin:var(--space-2) 0 0 auto;color:var(--text-link);font-size:var(--type-d-link-md);line-height:var(--lh-d-body-md);font-weight:var(--fw-bold);text-decoration:none;display:block}.submit{width:100%;min-height:var(--btn-md-height);margin-top:var(--space-4);border-radius:var(--btn-radius);background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:var(--btn-md-font);font-weight:var(--fw-medium);box-shadow:var(--shadow-sm);cursor:pointer;border:0;display:block}.submit:hover:not(:disabled){background:var(--btn-primary-bg-hover)}.submit:active:not(:disabled){background:var(--btn-primary-bg-pressed)}.submit:disabled{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);cursor:not-allowed}.signin-page a:focus-visible,.signin-page button:focus-visible{outline:var(--space-1) solid var(--border-focus);outline-offset:var(--space-1)}@media (max-width:1080px){.signin-content{grid-template-columns:minmax(calc(var(--space-16) * 5), calc(var(--space-16) * 7)) minmax(calc(var(--space-16) * 7), calc(var(--space-16) * 9));gap:var(--space-8)}.signin-card{width:100%}}@media (max-width:860px){.diagonal-frame{opacity:.7;left:62%;right:-38%}.page-shell{width:min(calc(var(--space-16) * 9), calc(100% - var(--space-8)));padding:var(--space-6) 0 var(--space-8)}.signin-content{min-height:0;margin-top:var(--space-8);flex-direction:column;display:flex}.signin-page .hero-copy{width:100%;margin:0 0 var(--space-8)}.photo-cloud{display:none}.hero-copy h1{font-size:var(--type-m-headline-xxl);line-height:var(--lh-m-headline-xxl)}.signin-page .hero-copy>p{font-size:var(--type-m-body-l);line-height:var(--lh-m-body-l)}.signin-card{min-height:calc(var(--space-16) * 8 + var(--space-8));padding:var(--space-8) var(--space-6);margin-top:0}}@media (max-width:420px){.institution h2{font-size:var(--type-m-headline-xxl);line-height:var(--lh-m-headline-xxl)}.signin-card form{margin-top:var(--space-8)}}@media (min-width:1441px){.signin-page{--signin-shell:min(var(--layout-wide-max), calc(100% - var(--space-12)))}.page-shell{width:var(--signin-shell)}.diagonal-frame{left:calc(50% + var(--signin-shell) / 2 - var(--space-16));width:0;right:auto}.signin-content{grid-template-columns:calc(var(--space-16) * 12) calc(var(--space-16) * 9)}.signin-page .hero-copy{width:100%}.hero-copy h1,.signin-page .hero-copy>p{max-width:calc(var(--space-16) * 9)}}