@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#080816;--surface:#141126;--border:#35254f;--text:#f8f4ff;--muted:#b3a8c8;--accent:#ad60ff;--violet:#7b4cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 72% 5%,#35105d55,transparent 35%),var(--bg);color:var(--text);font:14px Inter,system-ui,sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}.container{max-width:1190px;margin:auto;padding:0 25px}.nav{position:sticky;top:0;z-index:10;background:#0b0919ee;border-bottom:1px solid #42245b88;backdrop-filter:blur(16px)}.navinner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}.brand{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.09em;font-weight:900;white-space:nowrap}.brand img{width:51px;height:51px;object-fit:cover;border-radius:12px}.brand b{color:#c58bff}.nav nav{display:flex;gap:25px;color:#c5b6d8}.nav nav a:hover{color:white}.auth{display:flex;align-items:center;gap:12px}.identity{color:#c9b5e5;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #665087;border-radius:10px;background:#211631;color:white;font-weight:700;padding:13px 18px;white-space:nowrap}.button.primary{background:linear-gradient(120deg,#7435e9,#b057f4);border-color:#bd70fa;box-shadow:0 8px 35px #8134ef38}.button:hover{filter:brightness(1.17)}.button.small{font-size:12px;padding:9px 12px}.hidden{display:none!important}.hero{position:relative;overflow:hidden;min-height:550px;display:flex;align-items:center;border-bottom:1px solid #322246}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 77% 35%,#8b22dd30,transparent 42%),linear-gradient(110deg,#0a0918 5%,#0a0918c9 50%,#210a3eaa),url('/assets/uur-logo.png') 88% center / 410px auto no-repeat;opacity:.8}.hero:after{content:"";position:absolute;right:-10%;bottom:-60%;width:75%;height:95%;border-radius:50%;border:2px solid #b14aff36;box-shadow:0 0 90px #7f28d93a;transform:rotate(-18deg)}.hero .container{width:100%;position:relative;z-index:1;padding-top:72px;padding-bottom:72px}.overline{font-size:11px;font-weight:800;letter-spacing:.21em;color:#c38bff}.hero h1{font-size:clamp(45px,6.5vw,83px);letter-spacing:-.07em;line-height:1.05;margin:22px 0}.hero h1 span{background:linear-gradient(95deg,#f0b9ff,#a474ff,#68bfff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{color:#c8bbd7;max-width:590px;font-size:17px;line-height:1.8}.buttons{display:flex;flex-wrap:wrap;gap:13px;margin:29px 0}.hero-tag{margin-top:45px;color:#b4a2d0;font-size:11px;letter-spacing:.16em;font-weight:700}.hero-tag span{color:#a750ff;padding:0 12px}.section{padding-top:86px;padding-bottom:12px}.section h2{font-size:clamp(29px,3.5vw,43px);letter-spacing:-.05em;margin:10px 0}.sectionheading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.sectionheading p,.sectiondesc{color:var(--muted);line-height:1.7}.chip{border:1px solid #693e92;color:#d2a8ff;background:#291839;border-radius:30px;font-size:10px;font-weight:800;letter-spacing:.09em;padding:9px 12px}.panel{border:1px solid var(--border);border-radius:17px;background:linear-gradient(140deg,#1b1431,#110f23);padding:26px;box-shadow:0 14px 40px #0003}.event-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.featured{background:radial-gradient(circle at 90% 0,#6834a53a,transparent 52%),linear-gradient(145deg,#211337,#130e25);min-height:250px}.featured h3{font-size:31px;letter-spacing:-.045em;margin:25px 0 12px}.featured p{color:#c3b2d8;line-height:1.7}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:14px}.panelhead h3{margin:0;font-size:21px}.panelhead p{color:var(--muted)}.eventlist{margin-top:18px;max-height:360px;overflow:auto}.eventrow{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff13;padding:15px 0}.eventrow strong{display:block;margin-bottom:6px}.eventrow small{color:var(--muted);line-height:1.6}.eventrow button{padding:8px 11px}.hostpanel{margin-top:18px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.formgrid label{display:grid;gap:8px;color:#cab9e3;font-size:12px;font-weight:700}input,select{width:100%;background:#0e0c1d;border:1px solid #51366d;border-radius:9px;padding:12px;color:white;min-width:0}input:focus,select:focus{outline:2px solid #9a52ff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:25px}.linkcard{display:block;transition:transform .2s,border-color .2s}.linkcard:hover{transform:translateY(-4px);border-color:#a963ff}.cardicon{font-size:30px;color:#bb7aff}.linkcard h3{font-size:19px;margin:20px 0 12px}.linkcard p{color:var(--muted);line-height:1.7;min-height:75px}.linkcard strong{color:#d4a7ff}.management{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:23px}.management h3{margin:0 0 10px}.management p{margin:0;color:var(--muted);line-height:1.6}footer{margin-top:100px;border-top:1px solid #3b2855;padding:30px 0;color:#a894c1;font-size:11px;font-weight:700;letter-spacing:.08em}.footerinner{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.toast{position:fixed;bottom:20px;right:20px;background:#291a42;border:1px solid #b56aff;padding:15px 19px;border-radius:12px;max-width:330px;z-index:20}@media(max-width:900px){.nav nav{display:none}.event-layout{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.linkcard p{min-height:0}.hero:before{background:linear-gradient(90deg,#0a0918f7,#0a0918a8),url('/assets/uur-logo.png') center / cover no-repeat}}@media(max-width:600px){.container{padding:0 17px}.navinner{min-height:70px}.brand{font-size:11px}.brand img{width:40px;height:40px}.identity{display:none}.button{padding:11px 12px;font-size:12px}.hero{min-height:480px}.hero h1{font-size:44px}.hero p{font-size:15px}.formgrid{grid-template-columns:1fr}.section{padding-top:60px}.sectionheading{align-items:start;flex-direction:column}.management{align-items:start;flex-direction:column}}

.staffgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.staffgrid .panel p,.staffwelcome p,.staffmanagement p,#staffGuest p{color:var(--muted);line-height:1.7}.staffgrid .panel h3{font-size:21px}.staffwelcome{background:radial-gradient(circle at 95% 0,#7841b944,transparent 55%),linear-gradient(130deg,#251437,#120e24)}.staffwelcome h3{font-size:clamp(24px,3vw,35px);margin:16px 0 6px}.staffmanagement{margin-top:18px}@media(max-width:700px){.staffgrid{grid-template-columns:1fr}}

/* Separate staff and management workspaces */
.managementgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.managementgrid .panel p{color:var(--muted);line-height:1.7}.managementgrid .panel h3{font-size:21px}.managementgrid .buttons{margin:16px 0 0}.nav nav{gap:17px}.hostpanel{margin-top:18px}@media(max-width:700px){.managementgrid{grid-template-columns:1fr}}
