:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#1b2d42;background:#f7f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.app{min-height:100vh;display:flex;flex-direction:column}header{height:80px;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:0 max(25px,calc((100vw - 1120px)/2));border-bottom:1px solid #e7e9ed}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:20px;letter-spacing:2px;color:#172d47}.brand small{display:block;color:#798391;font-size:11px;margin-top:3px}.logo{background:#1c3551;color:#d5b06c;border-radius:13px;padding:10px;display:flex}.account{display:flex;align-items:center;gap:14px}.email{font-size:13px;color:#677383}.outline,.ghost{display:flex;gap:7px;align-items:center;border:1px solid #c8b48a;color:#29405a;background:#fff;border-radius:9px;padding:10px 14px}.ghost{border:0}main{flex:1}.hero{background:linear-gradient(110deg,#162d49,#244563);color:#fff;padding:62px max(25px,calc((100vw - 1120px)/2)) 50px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#d8b879;font-weight:700}.hero h1{font-family:Georgia,serif;font-size:clamp(31px,4vw,52px);font-weight:500;max-width:700px;margin:18px 0}.hero h1 em{color:#dfbe83;font-style:normal}.hero p{color:#d4dce5;max-width:650px;line-height:1.7}.stats{display:flex;gap:38px;margin-top:29px;font-size:13px;color:#d8e1eb}.stats b{font-size:24px;color:#e3c184;margin-right:8px}.tabs{max-width:1120px;margin:0 auto;display:flex;gap:8px;padding:24px 0 0;border-bottom:1px solid #e4e7ea;width:calc(100% - 50px)}.tabs button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#677586;padding:13px 19px;border-bottom:3px solid transparent}.tabs .active{border-bottom-color:#c4a269;color:#193451;font-weight:700}.content{max-width:1120px;width:calc(100% - 50px);margin:35px auto 75px}.sectionTitle{display:flex;align-items:center;justify-content:space-between}.sectionTitle h2{font-family:Georgia,serif;font-size:28px;margin:0}.sectionTitle p{font-size:14px;color:#7b8591;margin:7px 0 0}.count{font-size:13px;color:#788493}.filters{display:flex;gap:12px;margin:26px 0}.search{background:#fff;border:1px solid #e1e5e9;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 15px;flex:1;color:#8d98a4}.search input{border:0;outline:0;min-width:0;width:100%;padding:14px 0}.filters select{border:1px solid #e1e5e9;background:#fff;border-radius:10px;padding:0 16px;color:#334960}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:20px;margin-top:25px}.medalCard{border:1px solid #e6e9ed;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #162d4909}.picture{height:185px;background:radial-gradient(circle,#f4e6c9,#e9edf1);color:#c1a26c;display:flex;align-items:center;justify-content:center}.picture img{width:100%;height:100%;object-fit:contain}.details{padding:18px}.maker{font-size:11px;color:#a5803e;font-weight:700;letter-spacing:.5px}.details h3{margin:8px 0;font-size:17px}.details p{color:#75818e;font-size:13px;min-height:20px}.foot{border-top:1px solid #edf0f2;margin-top:15px;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#657282}.foot div{display:flex;gap:5px}.foot button{border:0;background:#f1f4f6;color:#294361;border-radius:7px;padding:7px}.empty{margin:32px 0;text-align:center;padding:65px 18px;border:1px dashed #d8dde3;border-radius:15px;background:#fff;color:#9f865d}.empty h3{color:#233a53;margin-bottom:7px}.empty p{color:#7b8692;font-size:14px}.notice{padding:14px;background:#fff1e9;border:1px solid #f2c5ae;border-radius:8px;color:#854b30;margin:18px 0}footer{text-align:center;background:#fff;border-top:1px solid #e8ebef;padding:24px;color:#929ca6;font-size:12px}.modalBackdrop{position:fixed;inset:0;background:#10233bc4;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;background:#fff;width:min(420px,100%);padding:34px;border-radius:16px;box-shadow:0 20px 90px #0003}.close{position:absolute;top:15px;right:15px;background:none;border:0;color:#6d7b8b}.gold{color:#b68b49}.modal h2{font-family:Georgia,serif;color:#193451}.modal p{color:#7a8591;font-size:14px}.modal form{display:grid;gap:16px;margin-top:23px}.modal label{display:grid;gap:7px;font-size:13px;font-weight:600}.modal input{border:1px solid #d8dfe5;border-radius:8px;padding:12px}.primary{border:0;background:#1c3551;color:#fff;border-radius:9px;padding:13px 20px}.textButton{border:0;background:transparent;color:#9a7843;padding:6px}@media(max-width:620px){header{padding:0 18px}.brand strong{font-size:15px}.brand small{font-size:9px}.email{display:none}.hero{padding:44px 22px}.stats{flex-direction:column;gap:8px}.tabs button{font-size:12px;padding:13px 9px}.filters{flex-direction:column}.filters select{padding:12px}.sectionTitle h2{font-size:23px}}