:root{--ink: #0e2a47;--ink-soft: #3a5572;--bg: #fffdf3;--blue: #0a72d4;--coral: #ff5a4d;--yellow: #ffb703;--font: "Archivo", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}::selection{background:var(--yellow)}.page{max-width:1320px;margin:0 auto;padding:0 24px 64px}.hero{padding:44px 0 26px}.dots{display:flex;gap:12px;margin-bottom:20px}.dots span{width:16px;height:16px;border-radius:99px}.title{font-size:clamp(46px,9.5vw,86px);line-height:.9;font-weight:900;letter-spacing:-.03em;text-transform:uppercase;margin:0}.title-accent{color:var(--blue)}.intro{font-size:clamp(16px,2.2vw,20px);font-weight:500;line-height:1.45;color:var(--ink-soft);max-width:540px;margin:18px 0 0;text-wrap:pretty}.intro a{color:var(--blue);font-weight:700;text-decoration:none;border-bottom:2px solid var(--yellow)}.intro a:hover{border-bottom-color:var(--blue)}.credit{font-size:14px;font-weight:700;color:var(--ink);margin:12px 0 0}.credit a{color:var(--coral);text-decoration:none;border-bottom:2px solid var(--yellow);padding-bottom:1px}.credit a:hover{color:var(--blue);border-bottom-color:var(--blue)}.controls{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.search-wrap{position:relative;flex:1 1 320px;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:var(--ink-soft);pointer-events:none}.search{width:100%;padding:15px 16px 15px 44px;border:3px solid var(--ink);border-radius:14px;font:600 16px/1 var(--font);background:#fff;color:var(--ink);outline:none}.search:focus{border-color:var(--blue)}.search::placeholder{color:#8aa0b5}.search-clear{position:absolute;right:12px;border:none;background:#eef2f6;color:var(--ink);width:26px;height:26px;border-radius:99px;font-size:18px;line-height:1;cursor:pointer}.btn{border:3px solid var(--ink);border-radius:14px;font:800 15px/1 var(--font);text-transform:uppercase;letter-spacing:.02em;padding:15px 22px;cursor:pointer;white-space:nowrap;transition:transform .08s;color:var(--ink)}.btn:active{transform:translateY(2px)}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-coral{background:var(--coral);color:#fff}.btn-white{background:#fff;color:var(--ink)}.btn-block{width:100%;margin-top:8px;padding:17px}.btn:disabled{opacity:.5;cursor:not-allowed}.chips{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.chip{padding:9px 16px;border-radius:99px;cursor:pointer;border:3px solid var(--ink);background:#fff;color:var(--ink);font:800 13px/1 var(--font);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;transition:transform .08s}.chip:active{transform:translateY(2px)}.grid{column-width:300px;column-gap:18px;margin-top:28px}@media (min-width: 700px){.grid{column-gap:20px}}.card{--accent: var(--blue);break-inside:avoid;display:block;margin-bottom:18px;background:#fff;border:3px solid var(--ink);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s}.card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--accent)}.card-photo{position:relative;width:100%}.card-photo img,.card-photo .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.card-photo img{object-fit:cover}.placeholder{display:flex;align-items:center;justify-content:center;background-image:repeating-linear-gradient(45deg,var(--stripe) 0,var(--stripe) 1px,transparent 1px,transparent 11px)}.placeholder span{font:700 11px/1 ui-monospace,SF Mono,monospace;letter-spacing:.06em;text-transform:lowercase;background:#fffdf3;padding:4px 8px;border-radius:6px}.card-body{padding:16px 17px 18px;border-top:3px solid var(--ink)}.card-name{font-size:22px;font-weight:800;line-height:1.05;letter-spacing:-.01em;margin:0 0 7px;overflow-wrap:anywhere}.card-line{font-size:14.5px;font-weight:500;line-height:1.4;color:var(--ink-soft);margin:0 0 14px;text-wrap:pretty;overflow-wrap:anywhere}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-handle{font-size:13px;font-weight:700;overflow-wrap:anywhere;min-width:0}.card-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tag{font:700 10.5px/1 var(--font);text-transform:uppercase;letter-spacing:.04em;padding:5px 8px;border-radius:99px;background:var(--ink);color:#fff}.status{text-align:center;padding:80px 20px;color:var(--ink-soft);font-size:18px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:14px}.link-btn{background:none;border:none;color:var(--blue);font:800 15px/1 var(--font);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:44px;padding-top:22px;border-top:3px solid var(--ink);font-size:14px;font-weight:600;color:var(--ink-soft)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e2a478c;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{position:relative;background:var(--bg);border:3px solid var(--ink);border-radius:22px;box-shadow:8px 8px 0 var(--ink);width:100%;max-width:460px;padding:34px 30px 30px;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:99px;border:3px solid var(--ink);background:#fff;font-size:20px;line-height:1;cursor:pointer}.modal-title{font-size:30px;font-weight:900;letter-spacing:-.02em;margin:0;text-transform:uppercase}.modal-sub{font-size:15px;font-weight:500;color:var(--ink-soft);margin:8px 0 22px;line-height:1.45}.field{display:block;margin-bottom:16px}.field>span{display:block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}.field input{width:100%;padding:13px 14px;border:3px solid var(--ink);border-radius:12px;font:600 15px/1 var(--font);background:#fff;color:var(--ink);outline:none}.field input:focus{border-color:var(--blue)}.modal-chips{display:flex;gap:8px;flex-wrap:wrap}.sent{text-align:center;padding:12px 0}.sent h2{font-size:30px;font-weight:900;text-transform:uppercase;margin:0 0 10px}.sent p{font-size:16px;font-weight:500;color:var(--ink-soft);margin:0 0 22px;line-height:1.45}.form-error{color:var(--coral);font-weight:700;font-size:14px;margin:0 0 12px}@media (max-width: 560px){.controls .btn{flex:1}.search-wrap{flex:1 1 100%}}.admin-page{max-width:760px;margin:0 auto;padding:0 24px 64px}.admin-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:38px 0 22px}.admin-bar .title{font-size:clamp(34px,6vw,52px)}.panel{background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);padding:26px 24px;margin-bottom:22px}.panel.cream{background:var(--bg)}.panel h2{font-size:24px;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin:0 0 18px}.panel h2 .count{color:var(--ink-soft)}.field textarea{width:100%;padding:13px 14px;border:3px solid var(--ink);border-radius:12px;font:600 15px/1.4 var(--font);background:#fff;color:var(--ink);outline:none;resize:vertical;min-height:58px}.field textarea:focus{border-color:var(--blue)}.hint{font-size:13px;font-weight:500;color:var(--ink-soft);margin:7px 0 0}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.msg{margin-top:14px;padding:12px 14px;border-radius:12px;font-weight:700;font-size:14px;border:3px solid var(--ink)}.msg.error{background:#ffe9e7;color:#c2342a}.msg.success{background:#e7f7ef;color:#137a4b}.list-item{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:3px solid #eef1f4}.list-item:last-child{border-bottom:0}.thumb,.thumb img{width:60px;height:60px;border-radius:12px;flex:none;object-fit:cover}.thumb{border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg)}.thumb .ph{font:700 9px/1 ui-monospace,monospace;color:var(--ink-soft);padding:2px;text-align:center;word-break:break-all}.list-item .meta{flex:1;min-width:0}.list-item .meta strong{display:block;font-size:17px;font-weight:800}.list-item .meta small{color:var(--ink-soft);font-weight:600}.list-item .actions{display:flex;gap:8px;flex:none}.btn-sm{padding:9px 14px;font-size:12px;border-radius:10px}.login-wrap{max-width:420px;margin:8vh auto 0;padding:0 24px}.sub-item{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:3px solid #eef1f4}.sub-item:last-child{border-bottom:0}.sub-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.sub-fields input{width:100%;box-sizing:border-box;padding:9px 11px;border:3px solid var(--ink);border-radius:9px;font:600 14px/1.2 var(--font);color:var(--ink);background:#fff}.sub-fields input:focus{outline:none;border-color:var(--blue)}.sub-fields .sub-name{font-weight:800}.sub-at{display:flex;align-items:center;gap:6px}.sub-at>span{font-weight:800;color:var(--ink-soft)}.sub-at>input{flex:1;min-width:0}.sub-tagrow{display:flex;flex-wrap:wrap;gap:5px}.chip-xs{padding:5px 9px;font-size:11px;border-width:2px}.sub-handle{color:var(--ink-soft);font-weight:700}.actions.col{flex-direction:column}.landing{max-width:1100px;margin:0 auto;padding:0 24px 64px}.area-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:34px}.area-card{--accent: var(--blue);display:block;background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);padding:24px;text-decoration:none;color:inherit;transition:transform .12s,box-shadow .12s}.area-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--accent)}.area-card h2{font-size:30px;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 6px}.area-card p{color:var(--ink-soft);font-weight:500;margin:0 0 16px;line-height:1.4}.area-card .go{font-weight:800;color:var(--accent);text-transform:uppercase;font-size:13px;letter-spacing:.03em}.area-count{font:800 11px/1 var(--font);text-transform:uppercase;letter-spacing:.04em;background:var(--ink);color:#fff;padding:6px 10px;border-radius:99px;display:inline-block;margin-bottom:14px}.topnav{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:22px 0 0;font-weight:700;font-size:14px}.topnav a{color:var(--ink-soft);text-decoration:none;border-bottom:2px solid transparent;padding-bottom:1px}.topnav a:hover{color:var(--blue);border-bottom-color:var(--yellow)}.topnav .sep{color:#cfc8b8}.area-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px;font-weight:700;font-size:14px;color:var(--ink-soft)}.area-switch span{text-transform:uppercase;letter-spacing:.04em;font-weight:800;font-size:12px}.area-switch select{padding:11px 14px;border:3px solid var(--ink);border-radius:12px;font:800 14px/1 var(--font);background:#fff;color:var(--ink);text-transform:uppercase;letter-spacing:.03em;cursor:pointer}