:root{--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--text-main: #ffffff;--accent: #4f46e5}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;color:var(--text-main);background:#111;overflow-x:hidden}#root{width:100vw;height:100vh;display:flex;flex-direction:column}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.glass-panel{padding:2rem;transition:transform .2s ease,box-shadow .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}@font-face{font-family:CustomFont;src:url(/media/custom-font.woff2) format("woff2"),url(/media/custom-font.woff) format("woff"),url(/media/custom-font.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--main-font: "CustomFont", "Inter", system-ui, -apple-system, sans-serif}.full-screen-layout{height:100vh;width:100vw;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;font-family:var(--main-font)}.overlay{position:absolute;inset:0;background-color:#0006;z-index:0}.app-header{position:absolute;top:0;left:0;width:100%;padding:1.5rem;display:flex;justify-content:flex-end;align-items:flex-start;z-index:20}.site-title{font-size:1.5rem;font-weight:700;letter-spacing:.05em;text-shadow:0 10px 15px -3px rgba(0,0,0,.1);margin:0}.slider-wrapper{display:flex;flex-direction:column;align-items:flex-end;width:auto;max-width:calc(100vw - 3rem);padding-right:3rem}.main-content{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;overflow-x:hidden;overflow-y:hidden}.helper-text{color:#fff9;margin-top:2rem}.app-footer{position:absolute;bottom:0;width:100%;padding:1rem;text-align:center;color:#ffffff4d;font-size:.75rem;z-index:20}.link-grid-container{display:flex;flex-direction:column;gap:2.5rem;width:100%;max-width:1206px;margin:0 auto;padding:0 1rem;align-items:center}.link-row{display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:3rem;width:100%}.link-item{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1rem;width:350px;min-width:350px;max-width:350px;flex-shrink:0;flex-grow:0;text-decoration:none;color:#fff;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:1px solid rgba(255,255,255,0);animation:slideUpFade .6s cubic-bezier(.2,.8,.2,1) backwards}.link-item:nth-child(1){animation-delay:.05s}.link-item:nth-child(2){animation-delay:.1s}.link-item:nth-child(3){animation-delay:.15s}.link-item:nth-child(4){animation-delay:.2s}.link-item:nth-child(5){animation-delay:.25s}.link-item:nth-child(6){animation-delay:.3s}.link-item:nth-child(7){animation-delay:.35s}.link-item:nth-child(8){animation-delay:.4s}.link-item:nth-child(9){animation-delay:.45s}.link-item:nth-child(10){animation-delay:.5s}.link-item:nth-child(11){animation-delay:.55s}.link-item:nth-child(12){animation-delay:.6s}.link-item:hover{transform:translateY(-4px) scale(1.03);background:#ffffff40;box-shadow:0 15px 30px -10px #00000080,0 0 20px -5px #fff3;border-color:#ffffff4d}.link-item:active{transform:translateY(-1px) scale(.98)}.link-icon-container{width:4rem;height:4rem;flex-shrink:0;border-radius:12px;overflow:hidden;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.link-item:hover .link-icon-container{background-color:#ffffff4d;transform:scale(1.1) rotate(5deg)}.link-icon-image{width:70%;height:70%;object-fit:contain}.loading-screen{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#111}.error-text{color:#ef4444}.slider-container{display:flex;align-items:center;justify-content:center;gap:.75rem;-webkit-user-select:none;user-select:none;width:auto;min-width:max-content}.slider-label{font-size:.875rem;font-weight:500;transition:opacity .3s,transform .3s;cursor:pointer;color:#fff;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.slider-label.active{opacity:1;font-weight:700;transform:scale(1.05)}.slider-label.inactive{opacity:.4}.slider-track{position:relative;width:3.5rem;height:1.75rem;background-color:#ffffff26;border-radius:9999px;cursor:pointer;box-shadow:inset 0 2px 4px #0000001a;transition:background-color .2s;border:1px solid rgba(255,255,255,.1)}.slider-track:hover{background-color:#ffffff40}.slider-thumb{position:absolute;top:.25rem;left:.25rem;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:9999px;box-shadow:0 4px 6px -1px #0003;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.slider-thumb.second{transform:translate(1.75rem)}.slider-thumb.first{transform:translate(0)}.link-text{font-size:1.125rem;font-weight:500;letter-spacing:.025em;text-align:left;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.app-header{padding:1rem}.slider-wrapper{max-width:calc(100vw - 2rem)}.slider-label{font-size:.75rem}.slider-track{width:3rem;height:1.5rem}.slider-thumb{width:1rem;height:1rem}.slider-thumb.second{transform:translate(1.5rem)}}@media(max-width:480px){.app-header{padding:.75rem;justify-content:center}.slider-wrapper{align-items:center;max-width:100%}.slider-container{gap:.5rem}}@media(max-width:768px){.main-content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.link-grid-container{gap:1.5rem;padding:1rem}.link-row{flex-direction:column;max-width:100%;gap:1.5rem}.link-item{max-width:100%;min-width:auto}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}