.submitted-page{--ink:#202c36;--muted:#687580;--line:#e7eaed;--red:#bd252a;max-width:900px;margin:0 auto;color:var(--ink)}
.award-complete-note{display:flex;align-items:flex-start;gap:.8rem;margin-top:1rem;padding:1rem 1.2rem;border:1px solid #d8ebdd;border-radius:.9rem;background:#f4fbf6;color:#244b34}.award-complete-note>span{display:grid;flex:0 0 30px;place-items:center;width:30px;height:30px;border-radius:50%;background:#dcefe3;color:#137d44;font-weight:800}.award-complete-note strong{display:block;font-weight:800}.award-complete-note p{margin:.2rem 0 0;color:#577062;font-size:.88rem;line-height:1.5}
.submitted-page:has(.award-gallery){max-width:1160px}.award-status-page{padding-bottom:2.5rem}.award-status-hero{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.7rem;padding:2rem 2.25rem;border:1px solid #f0ded5;border-radius:1.5rem;background:radial-gradient(circle at 88% 15%,#fff1e8 0,transparent 34%),linear-gradient(125deg,#fff 35%,#fff8f4);box-shadow:0 18px 45px rgba(60,30,20,.05)}.award-status-mark{display:grid;flex:0 0 76px;place-items:center;width:76px;height:76px;border-radius:22px;background:#e8f5ec;color:#16834b;font-size:2.5rem;font-weight:800}.award-status-hero h1{margin:.3rem 0 .45rem;color:#172b36;font-size:clamp(2rem,4vw,3.1rem);font-weight:800;letter-spacing:-.05em}.award-status-hero p{max-width:660px;margin:0;color:#61717b;line-height:1.6}.award-gallery{margin-top:1.75rem}.award-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.award-gallery-heading h2{margin:.35rem 0 .2rem;font-size:clamp(1.5rem,3vw,2.15rem);font-weight:800;letter-spacing:-.04em}.award-gallery-heading p{margin:0;color:#667681}.award-ready-badge{flex:0 0 auto;padding:.5rem .9rem;border-radius:999px;background:#e8f6ec;color:#117b44;font-size:.82rem;font-weight:800}.award-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,1fr);gap:1.2rem;align-items:stretch}.award-card{display:flex;flex-direction:column;min-width:0;padding:1.25rem;border:1px solid #e6e9ec;border-radius:1.35rem;background:#fff;box-shadow:0 16px 40px rgba(24,39,50,.065)}.award-card-top{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem}.award-card-number{display:grid;flex:0 0 42px;place-items:center;width:42px;height:42px;border-radius:.8rem;background:#fff0ec;color:#a7352d;font-size:.82rem;font-weight:800}.award-card-kicker{color:#a8453e;font-size:.68rem;font-weight:800;letter-spacing:.13em}.award-card-top h3{margin:.1rem 0 0;font-size:1.15rem;font-weight:800}.award-image-frame{display:flex;align-items:center;justify-content:center;min-height:265px;overflow:hidden;border:1px solid #e4e7eb;border-radius:.9rem;background:linear-gradient(145deg,#f8f6f2,#ece9e4);transition:transform .2s,box-shadow .2s}.award-image-frame:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(30,30,30,.12)}.award-image-frame img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}.award-image-frame-card{min-height:330px;padding:1rem}.award-image-frame-card img{width:auto;max-width:100%;height:320px;max-height:none;box-shadow:0 10px 22px rgba(50,30,30,.16)}.award-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:auto;padding-top:1.1rem}.award-button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:.65rem 1rem;border:1px solid #bd252a;border-radius:.65rem;font-size:.88rem;font-weight:750;text-decoration:none;transition:background .15s,transform .15s}.award-button:hover{transform:translateY(-1px)}.award-button-primary{background:#bd252a;color:#fff}.award-button-primary:hover{background:#a51e23;color:#fff}.award-button-outline{background:#fff;color:#ad2228}.award-button-outline:hover{background:#fff3f3;color:#9c1b20}.award-pending{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:260px;padding:1.5rem;border:1px dashed #d7dde2;border-radius:.9rem;background:#fafbfc;text-align:center}.award-pending span{display:grid;place-items:center;width:48px;height:48px;margin-bottom:.85rem;border-radius:50%;background:#fff1e9;color:#b05236;font-size:1.4rem}.award-pending strong{font-size:1rem}.award-pending p{max-width:260px;margin:.45rem 0 0;color:#6a7780;font-size:.86rem;line-height:1.5}.award-status-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.award-status-footer a{color:#9d272b;font-weight:700;text-decoration:none}.award-status-footer a:hover{text-decoration:underline}@media(max-width:800px){.award-grid{grid-template-columns:1fr}.award-image-frame-card{min-height:285px}.award-image-frame-card img{height:270px}.award-status-hero{padding:1.5rem}}@media(max-width:520px){.award-status-hero{align-items:flex-start;gap:.85rem;padding:1.2rem}.award-status-mark{flex-basis:52px;width:52px;height:52px;border-radius:15px;font-size:1.8rem}.award-status-hero h1{font-size:1.9rem}.award-gallery-heading{align-items:flex-start;flex-direction:column}.award-card{padding:1rem}.award-image-frame{min-height:180px}.award-image-frame-card{min-height:260px}.award-actions>*{flex:1}.award-status-footer{flex-direction:column}.award-ready-badge{font-size:.76rem}}
.submitted-heading{margin:0 0 1.75rem}.submitted-eyebrow,.certificate-step{display:inline-block;color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.15em}.submitted-heading h1{margin:.45rem 0 .4rem;font-size:clamp(2.2rem,5vw,3.3rem);font-weight:800;letter-spacing:-.05em;line-height:1.1}.submitted-heading p{margin:0;color:var(--muted);font-size:1.02rem}
.submitted-result{display:flex;align-items:center;gap:1.6rem;min-height:190px;padding:2rem 2.2rem;border:1px solid #d6ebdd;border-radius:1.25rem;background:linear-gradient(125deg,#fff 40%,#f0faf3);box-shadow:0 16px 40px rgba(28,42,36,.07)}.submitted-result.is-failed{border-color:#f1d9d9;background:linear-gradient(125deg,#fff 40%,#fff4f3)}.result-icon{display:grid;flex:0 0 72px;place-items:center;width:72px;height:72px;border-radius:1.1rem;background:#e4f5e9;color:#17864b;font-size:2.5rem;font-weight:800}.is-failed .result-icon{background:#ffebeb;color:#bc2b31}.result-main{min-width:0;flex:1}.result-label{color:#5f7770;font-size:.7rem;font-weight:800;letter-spacing:.13em}.is-failed .result-label{color:#986c6c}.result-score{margin:.1rem 0;font-size:clamp(2.6rem,7vw,4rem);font-weight:800;letter-spacing:-.07em;line-height:1.1;font-variant-numeric:tabular-nums}.result-score span{color:#87938f;font-size:.42em;font-weight:600;letter-spacing:-.02em}.result-main p{margin:.35rem 0 0;color:#60716a;font-size:.9rem}.is-failed .result-main p{color:#816969}.result-status{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;text-align:right}.result-status>span{padding:.45rem 1.05rem;border-radius:999px;background:#dff3e6;color:#137845;font-size:1.08rem;font-weight:800}.is-failed .result-status>span{background:#fce3e3;color:#b22128}.result-status small{max-width:180px;color:#60716a;line-height:1.4}.is-failed .result-status small{color:#816969}.result-unavailable{color:#8b3c3c;font-weight:600}
.certificate-panel{overflow:hidden;margin-top:1.6rem;border:1px solid var(--line);border-radius:1.25rem;background:#fff;box-shadow:0 16px 40px rgba(26,39,51,.055)}.certificate-header{padding:2rem 2.2rem 1.6rem;border-bottom:1px solid var(--line);background:#fbfbfc}.certificate-header h2{margin:.45rem 0 .5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.035em}.certificate-header p{max-width:650px;margin:0;color:var(--muted);line-height:1.6}.certificate-panel>.alert{margin:1.5rem 2.2rem 0}.form-section{display:grid;grid-template-columns:38px minmax(0,1fr);gap:1.1rem;padding:1.8rem 2.2rem;border-bottom:1px solid var(--line)}.section-number{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff0f0;color:var(--red);font-size:.78rem;font-weight:800}.section-content{min-width:0}.section-title{display:block;width:100%;margin:0 0 .3rem;color:var(--ink);font-size:1.08rem;font-weight:750;line-height:1.4}.section-hint{margin:0 0 1rem;color:var(--muted);font-size:.89rem;line-height:1.55}
.portrait-row{display:flex;align-items:center;gap:1.2rem}.portrait-box{display:grid;flex:0 0 110px;place-items:center;width:110px;height:110px;overflow:hidden;border:1px dashed #d6dde2;border-radius:1rem;background:#f7f8f9;color:#9ba6ae;font-size:.78rem;font-weight:800;letter-spacing:.12em}.portrait-box img{width:100%;height:100%;object-fit:cover}.portrait-box img[hidden],.portrait-box span[hidden]{display:none}.portrait-input{min-width:0;flex:1}.portrait-input .form-control,.shipping-address{border-color:#d3d9de;border-radius:.7rem}.portrait-input .form-control{max-width:450px;padding:.68rem}.portrait-input small{display:block;margin-top:.5rem;color:var(--muted);line-height:1.4}.submitted-page .form-control:focus{border-color:var(--red);box-shadow:0 0 0 .2rem rgba(189,37,42,.11)}
.paper-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.paper-option{display:flex;align-items:center;gap:.85rem;min-height:86px;padding:1rem;border:1px solid #dfe4e8;border-radius:.85rem;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.paper-option:hover{border-color:#d39a9d;background:#fffafa}.paper-option:has(input:checked){border-color:var(--red);background:#fff7f7;box-shadow:0 0 0 1px rgba(189,37,42,.08)}.paper-option:focus-within{outline:3px solid rgba(189,37,42,.18);outline-offset:2px}.paper-option input{flex:0 0 auto;width:1.1rem;height:1.1rem;margin:0;accent-color:var(--red)}.option-icon{display:grid;flex:0 0 34px;place-items:center;width:34px;height:34px;border-radius:.6rem;background:#f5f6f7;color:#687580;font-size:1rem;font-weight:800}.paper-option:has(input:checked) .option-icon{background:#f9e2e3;color:var(--red)}.paper-option strong,.paper-option small{display:block}.paper-option strong{font-size:.9rem}.paper-option small{margin-top:.2rem;color:var(--muted);font-size:.78rem;line-height:1.35}
.shipping-address{width:100%;min-height:96px;padding:.8rem 1rem;resize:vertical}.address-confirm{display:flex;align-items:flex-start;gap:.7rem;margin-top:1rem;padding:1rem;border:1px solid #e6e9ec;border-radius:.7rem;background:#fafbfc;color:#44515b;font-size:.9rem;line-height:1.5;cursor:pointer}.address-confirm input{flex:0 0 auto;width:1.1rem;height:1.1rem;margin:.12rem 0 0;accent-color:var(--red)}.certificate-actions{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;padding:1.6rem 2.2rem 2rem}.btn-save-certificate{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;min-height:52px;padding:.8rem 1.35rem;border:0;border-radius:.7rem;background:#bd252a;color:#fff;font-weight:750;box-shadow:0 6px 15px rgba(189,37,42,.18);transition:background .15s,transform .15s}.btn-save-certificate:hover{background:#a61e23;transform:translateY(-1px)}.btn-save-certificate:focus-visible{outline:3px solid rgba(189,37,42,.25);outline-offset:3px}.certificate-actions small{color:var(--muted);line-height:1.4}.submitted-home{display:inline-block;margin:1.6rem 0;color:#69757f;font-size:.9rem;font-weight:650;text-decoration:none}.submitted-home:hover{color:var(--red);text-decoration:underline}
@media(max-width:700px){.submitted-result{align-items:flex-start;flex-wrap:wrap;gap:1rem;padding:1.5rem}.result-icon{flex-basis:54px;width:54px;height:54px;font-size:1.9rem}.result-main{flex-basis:calc(100% - 70px)}.result-status{align-items:flex-start;flex-basis:100%;padding-left:70px;text-align:left}.result-status small{max-width:none}.certificate-header{padding:1.5rem}.form-section{padding:1.5rem;gap:.8rem}.certificate-actions{padding:1.5rem}.paper-options{grid-template-columns:1fr}}@media(max-width:440px){.submitted-result{padding:1.2rem}.result-status{padding-left:0}.portrait-row{align-items:flex-start;flex-direction:column}.portrait-box{width:100px;height:100px;flex-basis:100px}.portrait-input{width:100%}.certificate-header,.form-section,.certificate-actions{padding-left:1.15rem;padding-right:1.15rem}.form-section{grid-template-columns:1fr;gap:.7rem}.certificate-actions .btn-save-certificate{width:100%}.certificate-panel>.alert{margin-left:1.15rem;margin-right:1.15rem}}
@media(prefers-reduced-motion:reduce){.paper-option,.btn-save-certificate{transition:none}}
.certificate-crop-area{overflow:hidden;border-radius:.8rem;background:#eef0f2;padding:.8rem}.certificate-crop-area img{display:block;max-width:100%;max-height:400px}.certificate-crop-area cropper-canvas{height:350px}.certificate-crop-area p{padding:.2rem .3rem}.portrait-box img[hidden]{display:none}@media(max-width:575px){.certificate-crop-area cropper-canvas{height:270px}}
.crop-controls{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem;border:1px solid #e0e4e8;border-radius:.7rem;background:#fafbfc}.crop-controls[hidden]{display:none}.crop-controls button{flex:0 0 42px;width:42px;height:42px;border:1px solid #d4dade;border-radius:.55rem;background:#fff;color:#a32127;font-size:1.5rem;font-weight:700;line-height:1}.crop-controls button:hover,.crop-controls button:focus-visible{border-color:#bd252a;background:#fff2f2}.crop-controls span{color:#5f6b75;font-size:.82rem;text-align:center;line-height:1.4}
.certificate-crop-dialog{width:min(620px,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - 2rem);padding:1.4rem;border:0;border-radius:1.1rem;background:#fff;color:#202c36;box-shadow:0 24px 80px rgba(15,25,35,.28);overflow-y:auto}.certificate-crop-dialog::backdrop{background:rgba(17,29,39,.72)}.crop-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.crop-dialog-header h2{margin:.2rem 0 .3rem;font-size:clamp(1.35rem,4vw,1.75rem);font-weight:800;letter-spacing:-.03em}.crop-dialog-hint{margin:.4rem 0 1rem;color:#64717b;font-size:.9rem;line-height:1.5}.crop-close{display:grid;flex:0 0 38px;place-items:center;width:38px;height:38px;border:1px solid #dce1e5;border-radius:.6rem;background:#fff;color:#53616c;font-size:1.6rem;line-height:1}.certificate-crop-dialog .certificate-crop-area{padding:0;background:#29333d}.certificate-crop-dialog .certificate-crop-area cropper-canvas{width:100%;height:min(48vh,430px);min-height:260px}.certificate-crop-dialog .crop-controls{margin-top:1rem;padding:.7rem 1rem}.certificate-crop-dialog .crop-controls label{flex:0 0 auto;margin:0;color:#46545e;font-size:.84rem;font-weight:700}.certificate-crop-dialog .crop-controls input[type=range]{flex:1;min-width:0;accent-color:#bd252a}.crop-dialog-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e7eaed}.crop-dialog-actions .btn{min-height:46px;border-radius:.65rem;font-weight:700}.crop-dialog-actions .btn-danger{background:#bd252a;border-color:#bd252a}.crop-dialog-actions .btn-danger:hover{background:#a61e23;border-color:#a61e23}@media(max-width:575px){.certificate-crop-dialog{width:100vw;max-height:100dvh;height:100dvh;margin:0;padding:1rem;border-radius:0}.certificate-crop-dialog .certificate-crop-area cropper-canvas{height:min(52dvh,520px);min-height:280px}.certificate-crop-dialog .crop-controls{gap:.55rem;padding:.65rem}.certificate-crop-dialog .crop-controls label{font-size:.76rem}.crop-dialog-actions{position:sticky;bottom:-1rem;margin:1rem -1rem -1rem;padding:1rem;background:#fff;box-shadow:0 -8px 20px rgba(20,30,40,.06)}.crop-dialog-actions .btn{flex:1}.crop-dialog-hint{font-size:.85rem}}
@media(max-width:380px){.award-status-hero{flex-direction:column}.award-status-hero h1{font-size:1.7rem}.award-actions{flex-direction:column}.award-actions>*{width:100%}.result-score{font-size:2.45rem}}