@import url('/fonts.css');
:root{--bg:#080f17;--panel:#111e2a;--ink:#eaf3f7;--muted:#9daebd;--accent:#62d6ed;--line:#283b4c;color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}header,footer{display:flex;align-items:center;justify-content:space-between;padding:28px 5%;border-bottom:1px solid var(--line);gap:24px}.logo{font-size:32px;font-weight:950;letter-spacing:-2px}.logo span{font-size:12px;letter-spacing:1px;margin-left:8px}nav{display:flex;gap:28px;flex-wrap:wrap;font-size:14px}section{padding:80px 5%;border-bottom:1px solid var(--line);scroll-margin-top:20px}.hero{padding-top:64px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 90% 20%,#223740 0,transparent 55%)}.eyebrow,.section-title>span,.band>span,.contact>span{font-size:12px;font-weight:700;letter-spacing:3px;color:var(--accent)}h1{font-size:clamp(48px,7.7vw,118px);line-height:1.02;letter-spacing:-.065em;margin:40px 0}h1 em{font-style:normal;color:var(--accent)}p{line-height:1.7;color:var(--muted)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}.button,button{display:inline-block;border:0;background:var(--accent);color:#0a1216;padding:16px 22px;border-radius:3px;font:700 14px Arial;cursor:pointer}.button:hover,button:hover{background:#94d6f2;color:#0a1216}.sound{font-size:clamp(80px,20vw,320px);font-weight:950;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #3f5c69;line-height:.8;margin:90px 0 -105px;white-space:nowrap;transform:rotate(-5deg);opacity:.6;pointer-events:none}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}h2{font-size:clamp(30px,4vw,60px);letter-spacing:-.045em;margin:0}h3{font-size:24px;letter-spacing:-.03em;margin:0 0 18px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:24px 0}.cards article{background:var(--panel);padding:28px;border:1px solid var(--line);border-radius:4px;overflow-wrap:anywhere}.cards article p{white-space:pre-wrap}.cards article a{display:block;margin-top:16px;color:var(--accent)}.band{display:grid;grid-template-columns:1fr 2fr;background:var(--accent);color:#10110f}.band>span{color:#22363e}.band h2{line-height:1.25}.contact h2{font-size:clamp(48px,7vw,100px);margin:32px 0}.contact>a{font-size:clamp(18px,3vw,38px);color:var(--accent)}footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.portal{padding:50px 5%;min-height:80vh}.portal h1{font-size:clamp(36px,5vw,72px)}.dot{color:var(--accent)}.tabs{margin:40px 0;border-bottom:1px solid var(--line);padding-bottom:20px;gap:10px}.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}.tabs .active{background:var(--accent);color:var(--bg)}.actions{display:flex;gap:10px;margin-top:24px}.actions button{padding:10px 16px}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;width:min(600px,94vw);max-height:90vh;padding:28px}dialog::backdrop{background:#000b}dialog h2{font-size:28px}label{display:block;color:var(--muted);font-size:14px;margin:16px 0}input,select,textarea{display:block;width:100%;padding:12px;background:var(--bg);border:1px solid #3c5864;border-radius:3px;color:var(--ink);font:16px Arial;margin-top:8px}textarea{min-height:100px}button:disabled{opacity:.5;cursor:wait}#form-error{color:#ffae95}#summary{color:var(--accent)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:700px){header{align-items:flex-start}header nav{gap:12px;font-size:12px}.hero-bottom{align-items:flex-start;flex-direction:column}section{padding:52px 6%}.band{grid-template-columns:1fr;gap:30px}.sound{margin-top:70px;margin-bottom:-70px}footer{flex-wrap:wrap}.portal{padding:32px 6%}.tabs button{padding:12px}}
#login-form,#setup-form,#password-form{max-width:560px}#admin-panel,#password-panel{padding:32px 0}#admin-panel h2,#password-panel h2,#login-form h2,#setup-form h2{font-size:32px}#admin-message{overflow-wrap:anywhere;color:var(--accent)}.actions{flex-wrap:wrap}

.site-kit-photo{width:100%;max-height:350px;object-fit:contain;display:block;margin:18px 0;border-radius:6px}
