:root{color-scheme:dark;--navy:#06182e;--gold:#ffce20;--muted:#b5bfcc;--line:#ffffff24}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:#fff;font-family:Arial,Helvetica,sans-serif;min-height:100svh}body:before{content:"";position:fixed;inset:0;background:linear-gradient(#03142933,#03142955),url('../assets/Semestamotorimage.png') center top/auto max(100vh,1000px) no-repeat;z-index:-1}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.page{width:min(100% - 40px,460px);margin:auto;padding:245px 0 28px}.intro{text-align:center;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;color:var(--gold)}h1{font-size:34px;letter-spacing:-1.2px;margin:13px 0 10px}#bio{white-space:pre-line;color:#d7deea;line-height:1.7;font-size:14px;margin:0}#links{display:grid;gap:12px}.link{display:flex;align-items:center;gap:16px;background:#06182eea;border:1px solid #ffffff38;padding:17px 20px;border-radius:14px;box-shadow:0 6px 24px #0002;transition:transform .18s,border-color .18s}.link:hover{transform:translateY(-3px);border-color:var(--gold)}.link.featured{background:var(--gold);color:#081b2b;border-color:var(--gold)}.icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid currentColor;border-radius:11px;font-size:18px;font-weight:700;flex-shrink:0}.link strong{font-size:15px;display:block}.link small{font-size:12px;display:block;margin-top:5px;opacity:.72}.arrow{margin-left:auto;font-size:23px}.location{margin-top:24px;padding:24px;background:#06182ef0;border:1px solid var(--line);border-radius:16px}.location h2{font-size:20px;margin:12px 0}.location h2 span{float:right;color:var(--gold)}.location p{color:var(--muted);font-size:13px;line-height:1.7;white-space:pre-line}.location .hours{color:#e8edf4}.map-link{border-top:1px solid var(--line);padding-top:17px;margin-top:18px;display:flex;justify-content:space-between;color:var(--gold);font-size:13px;font-weight:bold}footer{text-align:center;margin-top:36px}footer .footer-brand{font-style:italic;font-size:13px;letter-spacing:1px;font-weight:900;color:var(--gold)}.footer-brand span{color:#fff}footer p{font-size:11px;color:var(--muted)}button{cursor:pointer}footer button{color:#dce4ef;border:1px solid var(--line);border-radius:30px;background:#06182ec9;padding:10px 17px;font-size:11px;margin-top:10px}.empty{text-align:center;background:#06182edb;padding:24px;border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:14px} [hidden]{display:none!important}.settings{width:min(100% - 40px,680px);margin:40px auto;background:#06182ef5;padding:32px;border:1px solid var(--line);border-radius:20px}.settings h1{font-size:28px}.settings p{color:var(--muted);line-height:1.6;font-size:14px}.settings label{display:block;font-size:13px;margin-top:20px}.settings input,.settings textarea{display:block;width:100%;margin-top:8px;border:1px solid #ffffff38;border-radius:8px;background:#0d243c;color:#fff;padding:12px}.settings textarea{min-height:90px;resize:vertical}.settings h2{font-size:18px;margin-top:32px;color:var(--gold)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.actions button,.back{border:1px solid var(--line);padding:12px 18px;border-radius:8px;background:#17324b;color:#fff}.actions button[type=submit]{background:var(--gold);color:var(--navy);font-weight:bold}.back{display:inline-block;font-size:12px}#status{color:var(--gold)}@media(max-width:520px){body:before{background-size:auto max(100svh,850px)}.page{padding-top:210px}h1{font-size:30px}.settings{padding:22px;margin:20px auto}.link{padding:16px}.intro{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.link{transition:none}.link:hover{transform:none}}