:root{--primary-color: #007da3;--primary-dark: #005e7a;--primary-light: #0098c4;--accent-color: #00c2ff;--accent-glow: rgba(0, 194, 255, .4);--background-dark: #0a0a10;--background-card: rgba(16, 20, 30, .8);--background-card-hover: rgba(24, 30, 45, .9);--text-color: #ffffff;--text-secondary: #b3b3b3;--text-muted: #888888;--shadow-color: rgba(0, 125, 163, .3);--shadow-strong: rgba(0, 0, 0, .5);--card-radius: 12px;--border-radius: 8px;--transition-speed: .3s;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background-dark);color:var(--text-color);overflow-x:hidden;scroll-behavior:smooth}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}.app-container{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#05070f,#0c1220,#05070f);position:relative;overflow:hidden}.app-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 10%,rgba(0,125,163,.1),transparent 50%),radial-gradient(circle at 80% 90%,rgba(0,194,255,.08),transparent 50%);pointer-events:none;z-index:1}.main-content{flex:1;display:flex;flex-direction:column;z-index:2;padding:var(--spacing-md);max-width:1600px;margin:0 auto;width:100%}.header{padding:var(--spacing-xl) var(--spacing-md) var(--spacing-lg);position:relative;z-index:3;text-align:center}.header-content{max-width:900px;margin:0 auto}.intro-banner{background:linear-gradient(135deg,#007da31a,#00c2ff0d,#007da31a);padding:var(--spacing-xl);border-radius:var(--card-radius);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px #0000004d,inset 0 1px #ffffff1a;animation:fadeInUp .8s ease-out}.intro-text{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;line-height:1.3;margin-bottom:var(--spacing-sm);color:var(--text-color)}.highlight{background:linear-gradient(90deg,var(--accent-color),var(--primary-light));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.intro-subtitle{font-size:1.1rem;color:var(--text-secondary);opacity:.9}.menu-section{margin-bottom:var(--spacing-xl)}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-lg);text-align:center;color:var(--text-color);position:relative}.section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px}.featured-section{margin-bottom:var(--spacing-xxl)}.featured-card-container{display:flex;justify-content:center;padding:0 var(--spacing-sm)}.regular-section .menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);padding:var(--spacing-sm)}.site-card{background:var(--background-card);border-radius:var(--card-radius);overflow:hidden;transition:all var(--transition-smooth);transform:translateY(0);box-shadow:0 4px 20px #0003,0 0 0 1px #ffffff0d;position:relative;cursor:pointer;height:100%;animation:slideInUp .6s ease-out both;border:1px solid rgba(255,255,255,.08)}.site-card.featured{max-width:400px;background:linear-gradient(135deg,var(--background-card),rgba(0,125,163,.1));transform:scale(1.02);border:1px solid rgba(0,194,255,.2)}.site-card.hovered{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a,0 0 30px #00c2ff33;background:var(--background-card-hover)}.site-card.featured.hovered{transform:translateY(-8px) scale(1.02)}.site-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-speed) ease}.site-card.hovered:before{transform:scaleX(1)}.site-card-inner{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;height:100%;text-align:center}.site-logo-container{width:100px;height:100px;margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));border-radius:50%;position:relative;border:3px solid var(--accent-color);box-shadow:0 0 20px #00c2ff4d,inset 0 0 15px #0003;transition:all var(--transition-smooth)}.featured .site-logo-container{width:120px;height:120px;border-width:4px;box-shadow:0 0 30px #00c2ff66,inset 0 0 20px #0000004d}.site-logo{max-width:75%;max-height:75%;-o-object-fit:contain;object-fit:contain;transition:all var(--transition-smooth);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));opacity:0}.site-logo.loaded{opacity:1}.site-card.hovered .site-logo{transform:scale(1.1)}.site-card.hovered .site-logo-container{box-shadow:0 0 40px #00c2ff80,inset 0 0 25px #0000004d;border-color:var(--accent-color);animation:pulse 2s infinite}.site-name{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-color);line-height:1.3}.featured .site-name{font-size:1.5rem}.site-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.5;flex:1;display:flex;align-items:center}.featured .site-description{font-size:1rem}.access-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-radius:var(--border-radius);font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-smooth);box-shadow:0 4px 15px #007da34d;border:1px solid rgba(255,255,255,.1);margin-top:auto}.site-card.hovered .access-button{background:linear-gradient(135deg,var(--primary-light),var(--accent-color));box-shadow:0 6px 25px #00c2ff66;transform:translateY(-2px)}.button-icon{transition:transform var(--transition-speed) ease}.access-button:hover .button-icon{transform:translate(4px)}.featured-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:linear-gradient(135deg,var(--accent-color),var(--primary-light));color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,194,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .6s ease;pointer-events:none;z-index:-1}.site-card.hovered .card-glow{opacity:1;animation:rotate 4s linear infinite}.footer{padding:var(--spacing-lg) var(--spacing-md);background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);z-index:3;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:var(--spacing-sm)}.copyright{font-size:.9rem;color:var(--text-muted)}.footer-links{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.9rem}.footer-links a{color:var(--text-secondary);transition:color var(--transition-speed) ease}.footer-links a:hover{color:var(--accent-color)}.separator{color:var(--text-muted)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--background-dark)}.loading-spinner{position:relative;width:80px;height:80px;margin-bottom:var(--spacing-lg)}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){width:90%;height:90%;top:5%;left:5%;border-top-color:var(--primary-color);animation-duration:.8s;animation-direction:reverse}.spinner-ring:nth-child(3){width:80%;height:80%;top:10%;left:10%;border-top-color:var(--primary-light);animation-duration:1.2s}.loading-text{color:var(--text-secondary);font-size:1.1rem;animation:pulse 2s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rotate{to{transform:rotate(360deg)}}@media (max-width: 1024px){.regular-section .menu-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.site-card-inner{padding:var(--spacing-md)}.site-logo-container{width:80px;height:80px}.featured .site-logo-container{width:100px;height:100px}}@media (max-width: 768px){.main-content{padding:var(--spacing-sm)}.intro-banner{padding:var(--spacing-lg)}.regular-section .menu-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.site-logo-container{width:70px;height:70px;margin-bottom:var(--spacing-sm)}.featured .site-logo-container{width:90px;height:90px}.site-name{font-size:1.1rem}.featured .site-name{font-size:1.3rem}.site-description{font-size:.9rem;margin-bottom:var(--spacing-md)}.access-button{padding:.6rem 1.2rem;font-size:.9rem}.footer-content{flex-direction:column;text-align:center}}@media (max-width: 480px){.header{padding:var(--spacing-lg) var(--spacing-sm)}.intro-banner{padding:var(--spacing-md)}.intro-text{font-size:1.3rem}.intro-subtitle{font-size:1rem}.site-card-inner{padding:var(--spacing-sm)}.access-button{padding:.5rem 1rem;font-size:.8rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.site-card:focus,.access-button:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-contrast: high){:root{--background-card: rgba(0, 0, 0, .9);--text-secondary: #cccccc}}