:root{color-scheme:dark;--bg:#071423;--panel:#11243a;--panel2:#152d47;--line:#294158;--ink:#f6f5f1;--muted:#b4c1ce;--gold:#e8c486;--gold2:#ffdba0;--soft:#2b4259;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#app{min-height:100dvh}.shell{min-height:100dvh;display:grid;grid-template-columns:235px minmax(0,1fr)}.rail{background:#0a1a2e;border-right:1px solid #23384d;padding:28px 18px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:18px}.brand{font-family:Georgia,serif;font-size:23px;color:var(--gold);line-height:1.15;padding:8px 10px}.brand small{display:block;font:11px system-ui,sans-serif;letter-spacing:2.4px;text-transform:uppercase;margin-top:8px;color:var(--muted)}.railbtn,.bottom button{display:flex;gap:11px;align-items:center;border:0;color:#cbd5df;background:none;border-radius:13px;padding:13px 14px;text-align:left;width:100%}.railbtn.active,.railbtn:hover,.bottom button.active{color:var(--gold);background:#20354b}.railfooter{margin-top:auto;font-size:11px;color:#95aabc;padding:13px}.content{width:100%;max-width:1420px;margin:0 auto;padding:30px clamp(18px,3.5vw,55px) 110px;min-width:0}.topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.date{color:var(--muted);font-size:13px}.profile-select{background:#1d354e;border:1px solid #456078;border-radius:13px;color:white;padding:9px 12px;max-width:150px}.hero{border:1px solid #43536a;border-radius:28px;padding:clamp(22px,4vw,42px);min-height:285px;background:linear-gradient(90deg,rgba(4,15,30,.96),rgba(10,27,46,.78),rgba(11,31,51,.2)),url('https://images.unsplash.com/photo-1470770841072-f978cf4d019e?w=1600&q=85') center 48%/cover;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 55px #0003;overflow:hidden}.hero h1{font:clamp(32px,4.5vw,58px)/1.07 Georgia,serif;letter-spacing:-1.5px;margin:13px 0;color:#fff}.hero h1 em{color:var(--gold);font-weight:400}.hero p{line-height:1.6;color:#e3e6e8;max-width:510px;font-size:15px}.pill{display:inline-flex;gap:7px;align-items:center;background:rgba(8,24,42,.75);border:1px solid #718298;border-radius:30px;padding:8px 12px;color:#f4dfb7;font-size:11px;width:max-content}.hero-actions,.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.btn{border:1px solid #536478;border-radius:13px;padding:11px 16px;color:white;background:#213c55;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;font-size:13px}.btn.primary{background:linear-gradient(120deg,#e8c486,#ffdb9d);color:#102139;border:0}.btn.outline{background:transparent}.btn:hover,.tile:hover,.feature:hover{filter:brightness(1.12)}.section-title{margin:33px 0 16px;display:flex;align-items:baseline;justify-content:space-between;gap:9px}.section-title h2{font:27px Georgia,serif;margin:0}.muted{color:var(--muted)}.small{font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tile{position:relative;min-height:155px;text-align:left;border:1px solid #3d5269;border-radius:21px;padding:18px;overflow:hidden;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,rgba(6,19,32,.97),rgba(6,19,32,.13)),var(--photo,linear-gradient(130deg,#1c4761,#172c48));background-size:cover;background-position:center;color:white}.tile .emoji{font-size:27px;margin-bottom:auto}.tile b{font-size:17px}.tile span:last-child{font-size:11px;color:#d3dce4;margin-top:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature{border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#152e46,#0c2034);padding:20px;min-height:120px;text-align:left;color:white}.feature .symbol{font-size:25px;margin-bottom:12px}.feature b{display:block;font-size:15px}.feature small{display:block;color:var(--muted);margin-top:5px;line-height:1.4}.card{background:linear-gradient(145deg,#142a42,#0e2238);border:1px solid var(--line);border-radius:21px;padding:22px;min-width:0}.card h3{margin:0 0 12px;font-size:17px}.card p{color:#bbcbd8;line-height:1.6;font-size:14px}.cols{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.stack{display:grid;gap:14px}.pagehead{padding:22px 0 10px}.pagehead h1{font:clamp(30px,4vw,47px) Georgia,serif;margin:10px 0}.pagehead p{color:var(--muted);max-width:680px;line-height:1.6}.row{display:flex;justify-content:space-between;align-items:center;gap:15px}.list{display:grid;gap:9px}.listrow{background:#1a324a;border:1px solid #344d65;border-radius:15px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.listrow small{display:block;color:var(--muted);margin-top:4px;line-height:1.4}.field{display:flex;flex-direction:column;gap:7px;color:#dce5eb;font-size:12px;font-weight:650}.field input,.field textarea,.field select{background:#0c1d30;border:1px solid #41586d;border-radius:12px;padding:12px;color:white;width:100%;min-width:0}.field textarea{min-height:110px;resize:vertical}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formgrid .wide{grid-column:1/-1}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #405771;background:#19334e;border-radius:30px;padding:9px 13px;color:#d8e2e9;font-size:12px}.chip.active{background:var(--gold);color:#102135;border-color:var(--gold)}.progress{height:8px;border-radius:10px;background:#2b4156;overflow:hidden;margin-top:10px}.progress>div{height:100%;background:linear-gradient(90deg,#cd9b51,#ffdb9d);border-radius:10px}.stat{font:34px Georgia,serif;color:var(--gold)}.notice{border:1px solid #746044;background:#45372455;padding:14px;border-radius:14px;color:#efd9b3;font-size:13px;line-height:1.5}.footnote{color:#a4b2c1;font-size:12px;margin-top:20px;line-height:1.65}.bottom{display:none}.tabs{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 20px}.tab{border:1px solid #3c536c;border-radius:13px;background:#152c44;padding:11px 13px;color:#d4e0ea}.tab.active{background:var(--gold);color:#0d2136}.empty{padding:28px;text-align:center;border:1px dashed #435971;border-radius:15px;color:var(--muted)}.checkboxline{display:flex;gap:10px;align-items:center}.checkboxline input{accent-color:#efcb8e;width:18px;height:18px}.preview-mark{background:#0f2b42;color:#e7c583;border:1px solid #415770;border-radius:11px;padding:10px}.linktext{color:var(--gold)}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.shell{display:block}.rail{display:none}.content{padding:18px 15px 105px}.bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;background:#081728f7;border-top:1px solid #36495c;z-index:30;padding:8px max(5px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-right));backdrop-filter:blur(18px)}.bottom button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:9px 0 6px;font-size:10px;border-radius:11px}.bottom .ico{font-size:19px}.cols{grid-template-columns:1fr}.hero{min-height:310px}.topline{margin-bottom:14px}}@media(max-width:520px){.grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{min-height:151px;padding:14px}.tile b{font-size:15px}.feature{padding:14px;min-height:110px}.feature b{font-size:13px}.hero h1{font-size:37px}.formgrid{grid-template-columns:1fr}.section-title h2{font-size:24px}}@media(prefers-reduced-motion:no-preference){button,.tile,.feature{transition:filter .2s,transform .2s}.tile:active,.feature:active{transform:scale(.99)}}
