@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Montserrat:wght@400;500;600;700&display=swap");:root{--color-primary:#001f4c;--color-teal:#6fdeb9;--color-teal-2:#45c295;--color-light-blue:#d9f9f7;--color-bg:#d9f9f7;--color-text:#001f4c;--color-border:#dddddd;--color-blending:#006acc;--gradient-main:linear-gradient(90deg,#001f4c,#006acc 42%,#ffffff 62%,#6fdeb9);--gradient-alt1:linear-gradient(90deg,#001f4c,#006acc 50%,#6fdeb9);--color-secondary:#6fdeb9}body,html{padding:0;margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--color-text);background:var(--color-bg)}*{box-sizing:border-box}.header{background:var(--gradient-alt1);color:#fff;padding:16px 24px}.header h1{margin:0;font-family:Barlow Condensed,Montserrat,Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}main{max-width:840px;margin:0 auto;padding:28px 24px}a{color:var(--color-teal-2);text-decoration:none}button{cursor:pointer}button,input,select{font-size:15px;padding:10px 12px;border-radius:8px;font-family:Montserrat,Arial,sans-serif}input,select{border:1px solid var(--color-border);background:#fff}input:focus,select:focus{outline:2px solid color-mix(in srgb,var(--color-teal-2) 50%,white);border-color:var(--color-teal-2)}.card{border:1px solid var(--color-border);border-radius:14px;padding:24px;background:#fff;box-shadow:0 2px 8px rgba(0,31,76,.07);position:relative;overflow:hidden}.card:before{content:"";display:block;height:4px;background:var(--gradient-main);position:absolute;top:0;left:0;right:0;border-radius:14px 14px 0 0}.row{align-items:center}.col,.row{display:flex;gap:12px}.col{flex-direction:column}.actions{display:flex;gap:10px;justify-content:flex-end}.actions.center{justify-content:center}.btn{border:none;padding:10px 18px;border-radius:8px;font-weight:700;font-family:Montserrat,Arial,sans-serif;letter-spacing:.3px}.btn-lg{padding:13px 32px;font-size:16px;letter-spacing:.5px;text-transform:uppercase}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-outline{background:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary)}.btn-secondary{background:var(--color-teal);color:var(--color-primary);border:1.5px solid var(--color-teal);font-weight:700}.avatar{width:260px;height:260px;object-fit:cover;border-radius:12px;border:3px solid var(--color-teal);box-shadow:0 0 0 1px rgba(111,222,185,.3),0 4px 16px rgba(0,31,76,.1)}.section-title{margin:10px 0 6px;font-family:Barlow Condensed,Montserrat,Arial,sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary)}.searchbox{width:100%}.dropdown{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.dropdown-item{padding:10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:15px}.dropdown-item+.dropdown-item{border-top:1px solid var(--color-border)}.dropdown-item:hover{background:color-mix(in srgb,var(--color-light-blue) 70%,white)}.dropdown-item.selected{background:color-mix(in srgb,var(--color-teal) 15%,white)}.dropdown-item.selected:after{content:"✓";font-weight:700;color:var(--color-teal-2)}.option-grid{display:flex;flex-wrap:wrap;gap:10px}.option-tile{border:1px solid var(--color-border);padding:8px 10px;border-radius:8px;cursor:pointer}.option-tile input{margin-right:6px}.brand{color:var(--color-teal)}.section{margin-top:20px;margin-bottom:20px}.center{display:flex;justify-content:center}.notice{padding:12px 14px;border-radius:8px;border:1px solid var(--color-border);margin-bottom:12px;font-size:14px}.notice.info{background:color-mix(in srgb,var(--color-light-blue) 70%,white);border-color:var(--color-teal-2);color:var(--color-primary)}.notice.success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.notice.error{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}.guess-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-top:16px;align-items:stretch}.guess-column{display:grid;grid-template-rows:auto 1fr;min-height:0}.guess-column .section-title{margin:0 0 12px;line-height:1.2;min-height:calc(1.2em * 2)}.guess-column .dropdown{height:100%;min-height:0;overflow:auto}.pager-viewport{overflow:hidden;width:100%;position:relative}.pager{overflow-x:hidden}.pager-track{display:flex;gap:0;width:100%;transition:transform .22s ease;will-change:transform}.pager-card{flex:0 0 100%;width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:0}.back-arrow{width:36px;height:36px;border-radius:50%;background:transparent;border:1.5px solid rgba(0,31,76,.18);position:relative;cursor:pointer;transition:transform .12s ease,background-color .12s ease,border-color .12s ease}.back-arrow:before{content:"";position:absolute;top:50%;left:55%;width:9px;height:9px;border-left:2.5px solid #001f4c;border-bottom:2.5px solid #001f4c;transform:translate(-50%,-50%) rotate(45deg)}.back-arrow:hover{background-color:color-mix(in srgb,#6fdeb9 25%,transparent);border-color:#45c295;transform:scale(1.08)}.back-arrow:active{transform:scale(.95)}.dropdown-item{transition:background-color .1s ease}.dropdown-item:active{background-color:color-mix(in srgb,#6fdeb9 25%,white)!important}.dropdown-item.selected{border-left:3px solid #45c295}.btn.btn-primary.btn-lg{transition:transform .12s ease,box-shadow .12s ease}.btn.btn-primary.btn-lg:not(:disabled):hover{transform:scale(1.03);box-shadow:0 6px 20px rgba(0,31,76,.2)}.btn.btn-primary.btn-lg:not(:disabled):active{transform:scale(.98)}