@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--gold:#e8a838;--gold-hover:#d4952e;--dark:#1a1a1a;--text:#333;--text-light:#666;--bg:#fafaf8;--white:#fff;--border:#e8e6e1;--sidebar-bg:#faf9f7;--tag-interactive:#1b7a6d;--tag-handson:#e8a838;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background:var(--bg);min-height:100vh;font-family:Roboto,sans-serif;display:flex}#root{width:100%;min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);flex-shrink:0;width:220px;padding:24px 0;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{color:var(--dark);letter-spacing:-.5px;padding:0 20px 20px;font-family:Roboto,sans-serif;font-size:22px}.sidebar-item{color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:9px 20px;font-size:14px;text-decoration:none;transition:background .15s;display:flex}.sidebar-item:hover{background:#0000000a}.sidebar-item.active{background:var(--dark);color:var(--white);border-radius:6px;margin:2px 10px;padding:9px 14px}.sidebar-item.active-subtle{color:var(--gold);font-weight:600}.sidebar-item svg{opacity:.6;flex-shrink:0;width:16px;height:16px}.sidebar-divider{background:var(--border);height:1px;margin:12px 20px}.main{flex:1;max-width:1100px;margin-left:220px;padding:36px 48px}h1{color:var(--dark);margin-bottom:28px;font-family:Roboto,sans-serif;font-size:36px;font-weight:400}.info-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:32px;padding:28px 32px}.info-card h2{margin-bottom:20px;font-family:Roboto,sans-serif;font-size:22px;font-weight:400}.accordion{border:1px solid var(--border);border-radius:8px;margin-bottom:10px;overflow:hidden}.accordion-header{cursor:pointer;background:var(--white);justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;font-weight:500;transition:background .15s;display:flex}.accordion-header:hover{background:#f8f7f5}.accordion-header svg{width:20px;height:20px;color:var(--text-light);transition:transform .2s}.accordion-body{color:var(--text-light);padding:0 18px 14px;font-size:14px;line-height:1.6}.info-note{color:var(--text-light);margin-top:14px;font-size:13px}.info-note strong{color:var(--text);font-weight:600}.events-layout{grid-template-columns:1fr 300px;align-items:start;gap:32px;display:grid}.events-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.events-header h2{font-family:Roboto,sans-serif;font-size:22px;font-weight:400}.search-btn{border:1px solid var(--border);background:var(--white);cursor:pointer;border-radius:50%;place-items:center;width:36px;height:36px;transition:border-color .15s;display:grid}.search-btn:hover{border-color:#ccc}.search-btn svg{width:16px;height:16px;color:var(--text-light)}.event-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px;transition:box-shadow .2s}.event-card:hover{box-shadow:0 2px 12px #0000000f}.event-top{gap:16px;margin-bottom:12px;display:flex}.event-thumb{background:#ddd;border-radius:8px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.event-tag{color:var(--white);border-radius:4px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.tag-interactive{background:var(--tag-interactive)}.tag-handson{background:var(--tag-handson)}.event-title{color:var(--dark);margin-bottom:2px;font-size:17px;font-weight:600}.event-meta{color:var(--text-light);margin-bottom:4px;font-size:13px}.event-meta span{margin-right:14px}.event-capacity{color:var(--text-light);margin-bottom:4px;font-size:12px}.event-desc{color:var(--text-light);margin-bottom:14px;font-size:13px;line-height:1.5}.event-desc a{color:var(--gold);font-weight:500;text-decoration:none}.book-btn{background:var(--gold);width:100%;color:var(--white);cursor:pointer;text-align:center;border:none;border-radius:8px;padding:12px;font-family:Roboto,sans-serif;font-size:15px;font-weight:600;transition:background .15s;display:block}.book-btn:hover{background:var(--gold-hover)}.details-panel{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:sticky;top:36px}.details-panel h3{margin-bottom:20px;font-family:Roboto,sans-serif;font-size:18px;font-weight:400}.detail-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row svg{width:18px;height:18px;color:var(--gold);flex-shrink:0;margin-top:2px}.detail-label{color:var(--text-light);margin-bottom:2px;font-size:12px}.detail-value{color:var(--dark);font-size:14px;font-weight:500}.login-page{background:var(--bg);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.login-card{background:var(--white);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:48px 40px;box-shadow:0 2px 16px #0000000f}.login-logo{color:var(--dark);letter-spacing:-.5px;margin-bottom:20px;font-family:Roboto,sans-serif;font-size:26px}.login-heading{color:var(--gold);margin-bottom:12px;font-family:Roboto,sans-serif;font-size:28px;font-weight:700}.login-subtitle{color:var(--text-light);margin-bottom:28px;font-size:14px;line-height:1.6}.login-label{text-align:left;color:var(--text);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.login-required{color:var(--gold);margin-left:2px}.login-input{border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;margin-bottom:16px;padding:12px 14px;font-family:Roboto,sans-serif;font-size:15px;transition:border-color .15s;display:block}.login-input:focus{border-color:var(--gold)}.login-error{color:#d44;text-align:left;margin-bottom:12px;font-size:13px}.login-btn{background:var(--gold);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:14px;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;transition:background .15s;display:block}.login-btn:hover{background:var(--gold-hover)}.bee-overlay{z-index:2147483647;pointer-events:all;animation:5.5s ease-in-out forwards overlay-fade;position:fixed;inset:0;overflow:hidden}@keyframes overlay-fade{0%{background:0 0}8%{background:#00000059}75%{background:#00000059}to{pointer-events:none;background:0 0}}.bee-message{text-align:center;z-index:10;animation:5.5s ease-out forwards message-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes message-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}10%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}16%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}.bee-title{color:#f5c842;text-shadow:0 2px 20px #e8a83899,0 0 60px #e8a8384d;margin:0;font-family:Roboto,sans-serif;font-size:52px;font-weight:700;line-height:1.1}.bee-subtitle{color:#fff;text-shadow:0 1px 8px #00000080;margin-top:8px;font-family:Roboto,sans-serif;font-size:20px}.bee-emoji{font-size:40px;animation:.6s ease-in-out infinite alternate emoji-bounce;display:inline-block}.bee-emoji:first-child{animation-delay:0s}.bee-emoji:last-child{animation-delay:.3s}@keyframes emoji-bounce{0%{transform:translateY(0)rotate(-5deg)}to{transform:translateY(-12px)rotate(5deg)}}.flying-bee{z-index:5;animation:bee-swoop var(--duration) var(--delay) ease-in-out forwards, bee-wobble .4s ease-in-out infinite alternate;opacity:0;position:absolute}@keyframes bee-swoop{0%{left:var(--start-x);top:var(--start-y);opacity:1}25%{left:var(--mid1-x);top:var(--mid1-y);opacity:1}50%{left:var(--mid2-x);top:var(--mid2-y);opacity:1}75%{left:var(--mid3-x);top:var(--mid3-y);opacity:1}to{left:var(--end-x);top:var(--end-y);opacity:0}}@keyframes bee-wobble{0%{transform:translate(-8px)rotate(-8deg)}to{transform:translate(8px)rotate(8deg)}}.bee-wing-left{transform-origin:30px 24px;animation:80ms ease-in-out infinite alternate flap-left}.bee-wing-right{transform-origin:34px 24px;animation:80ms ease-in-out infinite alternate flap-right}@keyframes flap-left{0%{transform:rotate(-25deg)scaleY(1)}to{transform:rotate(15deg)scaleY(.5)}}@keyframes flap-right{0%{transform:rotate(25deg)scaleY(1)}to{transform:rotate(-15deg)scaleY(.5)}}.hex-particle{left:var(--hex-x);z-index:3;animation:hex-fall var(--hex-duration) var(--hex-delay) ease-in forwards, hex-spin var(--hex-duration) var(--hex-delay) linear forwards;opacity:0;position:absolute;top:-30px}@keyframes hex-fall{0%{opacity:0;top:-30px}5%{opacity:var(--hex-opacity)}80%{opacity:var(--hex-opacity)}to{opacity:0;top:105vh}}@keyframes hex-spin{0%{transform:rotate(0)}to{transform:rotate(720deg)}}.honey-drip{left:var(--drip-x);z-index:2;animation:drip-fall 3s var(--drip-delay) ease-in forwards;opacity:0;position:absolute;top:-20px}@keyframes drip-fall{0%{opacity:0;top:-20px;transform:scaleY(.5)}5%{opacity:.8}10%{opacity:.8;transform:scaleY(1)}90%{opacity:.6}to{opacity:0;top:105vh;transform:scaleY(1.5)}}