*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#000;min-height:100vh;color:#eee8d5;overflow-x:hidden;display:flex;flex-direction:column;line-height:1.6}.bg-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}.vertical-menu{width:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;padding:15px;box-shadow:0 2px 20px #e0a3001a;z-index:1000;order:1;border-bottom:1px solid rgba(224,163,0,.3)}.menu-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #E0A300}.menu-header h2{font-family:Playfair Display,serif;color:#e0a300;font-size:22px}.menu-header p{font-size:12px;color:#eee8d5;margin-top:5px;opacity:.8}.menu-category{margin-bottom:20px}.menu-category h3{font-family:Playfair Display,serif;color:#e0a300;font-size:16px;margin-bottom:12px;padding-left:8px;border-left:3px solid #E0A300}.menu-item{display:block;background:#e0a3001a;padding:12px 15px;margin-bottom:6px;border-radius:8px;text-decoration:none;color:#eee8d5;font-weight:500;transition:all .3s ease;border:1px solid transparent;font-size:14px}.menu-item:hover{background:#e0a30033;transform:translate(3px);border-color:#e0a300}.menu-item.active{background:linear-gradient(135deg,#e0a300,#c38f00);color:#000;border-color:#c38f00}.main-content-area{width:100%;padding:15px;min-height:calc(100vh - 80px);order:2;position:relative;z-index:100}.header{width:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:15px;border-radius:10px;box-shadow:0 0 20px #e0a30026;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;border:1px solid rgba(224,163,0,.3)}.welcome-section h1{font-family:Playfair Display,serif;font-size:20px;color:#e0a300;font-weight:700;line-height:1.3;text-align:center}.welcome-section p{font-size:14px;text-align:center;margin-top:8px;color:#eee8d5;opacity:.9}.datetime-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;font-size:14px;color:#eee8d5;font-weight:600}.date-display{font-size:16px;color:#e0a300;margin-bottom:5px}.time-display{font-size:18px;color:#e0a300}.content-section{display:none;animation:fadeIn .5s ease-in;width:100%}.content-section.active{display:block}.grid-content{display:grid;grid-template-columns:1fr;gap:20px;width:100%}.card{background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;border-radius:16px;box-shadow:0 0 20px #e0a3001a;transition:all .3s ease;width:100%;border:1px solid rgba(224,163,0,.3)}.card:hover{transform:translateY(-3px);box-shadow:0 5px 25px #e0a30033;border-color:#e0a300}.card h2{font-family:Playfair Display,serif;font-size:20px;margin-bottom:12px;color:#e0a300;line-height:1.3}.card-content{line-height:1.6}.content-paragraph{margin-bottom:1.2em;text-align:left;font-size:14px;line-height:1.6;color:#eee8d5;opacity:.9}.content-paragraph:last-child{margin-bottom:0}.card p{font-size:14px;line-height:1.6;color:#eee8d5;opacity:.9;text-align:left;margin-bottom:1em}.card p:last-of-type{margin-bottom:0}.card img{width:100%;height:auto;border-radius:6px;margin-bottom:12px}.card a{color:#e0a300;text-decoration:none;transition:color .3s ease}.card a:hover{color:#c38f00;text-decoration:underline}.card ul,.card ol{margin:1rem 0;padding-left:1.5rem;color:#eee8d5}.card li{margin-bottom:.5rem;line-height:1.5}.apps-grid{display:grid;grid-template-columns:1fr;gap:15px;margin-top:15px}.app-card{background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;border-radius:16px;text-align:center;box-shadow:0 0 20px #e0a3001a;transition:all .3s ease;cursor:pointer;border:1px solid rgba(224,163,0,.3)}.app-card:hover{transform:translateY(-3px);box-shadow:0 5px 25px #e0a30033;border-color:#e0a300}.app-card h3{font-family:Playfair Display,serif;color:#e0a300;margin-bottom:10px;font-size:18px}.app-card p{color:#eee8d5;opacity:.9}footer{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;margin-top:30px;border-radius:10px;text-align:center;box-shadow:0 0 20px #e0a3001a;border:1px solid rgba(224,163,0,.3);width:100%}footer p{font-size:14px;color:#eee8d5;opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#consent-banner{display:none;position:fixed;bottom:0;left:0;right:0;background:#000000f2;color:#eee8d5;padding:15px;z-index:10000;border-top:3px solid #E0A300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.consent-content{max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:15px}.consent-text{flex:1;min-width:auto}.consent-text h3{margin:0 0 8px;color:#e0a300;font-family:Playfair Display,serif;font-size:18px}.consent-text p{font-size:14px;line-height:1.4;color:#eee8d5;opacity:.9}.consent-text a{color:#e0a300;text-decoration:underline}.consent-text a:hover{color:#c38f00}.consent-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.consent-button{padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:600;transition:all .3s ease;border:none;font-size:14px;flex:1;min-width:120px}#consent-accept{background:#e0a30033;color:#e0a300;border:1px solid rgba(224,163,0,.4)}#consent-accept:hover{background:#e0a3004d;border-color:#e0a300;transform:translateY(-1px)}#consent-deny{background:transparent;color:#eee8d5;border:1px solid rgba(224,163,0,.4)}#consent-deny:hover{background:#e0a3001a}.attribution{position:fixed;bottom:10px;right:10px;background:#000000b3;color:#eee8d5;padding:8px 12px;border-radius:5px;font-size:11px;z-index:9999;border:1px solid rgba(224,163,0,.3)}.attribution a{color:#e0a300}@media(min-width:768px){body{flex-direction:row}.vertical-menu{width:280px;height:100vh;position:fixed;left:0;top:0;padding:20px;order:0}.main-content-area{margin-left:280px;width:calc(100% - 280px);padding:20px;order:0}.header{flex-direction:row;justify-content:space-between;align-items:center;padding:20px 30px;text-align:left;margin-bottom:30px}.welcome-section h1{font-size:24px;text-align:left}.welcome-section p{text-align:left}.datetime-container{text-align:right;font-size:16px}.date-display{font-size:18px}.time-display{font-size:20px}.grid-content{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.apps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.card{padding:25px}.card h2{font-size:22px}.content-paragraph,.card p{font-size:15px;line-height:1.7}.consent-content{flex-direction:row;text-align:left}.consent-buttons{justify-content:flex-end}.consent-button{flex:none}}@media(min-width:1024px){.welcome-section h1{font-size:28px}.grid-content{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.card:hover,.app-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #e0a3004d}#consent-accept:hover{transform:translateY(-2px)}}@media(min-width:1200px){.grid-content{grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.card{border:2px solid #E0A300}.menu-item{border:1px solid #E0A300}.vertical-menu,.header,footer{border:1px solid #E0A300}}@media(prefers-color-scheme:light){body{background:#0a0a0a;color:#eee8d5}.card,.header,footer,.vertical-menu,.app-card{background:#0a0a0af2;color:#eee8d5}.card h2,.welcome-section h1,.menu-header h2{color:#e0a300}.content-paragraph,.card p{color:#eee8d5}}.flash-item{animation:flash 2s infinite;font-weight:700;position:relative}@keyframes flash{0%,to{background:#e0a3001a;box-shadow:0 0 10px #e0a30080}50%{background:#e0a3004d;box-shadow:0 0 20px #e0a300cc}}.new-badge{position:absolute;top:-5px;right:-5px;background:#f44;color:#fff;border-radius:50%;width:20px;height:20px;font-size:10px;display:flex;align-items:center;justify-content:center;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.background-attribution{position:fixed;bottom:10px;right:10px;background:#000000b3;color:#eee8d5;padding:8px 12px;border-radius:5px;font-size:11px;z-index:9999;border:1px solid rgba(224,163,0,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.background-attribution a{color:#e0a300;text-decoration:none}.background-attribution a:hover{color:#c38f00;text-decoration:underline}