@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.user-menu-copy{text-align:right;line-height:1.15;display:grid}.user-menu-copy strong{text-overflow:ellipsis;color:#fff;max-width:170px;font-size:12px;overflow:hidden}.user-menu-copy span{color:#888;font-size:10px}.btn-logout{text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ff6b6b;cursor:pointer;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:500;text-decoration:none;transition:all .3s}.btn-logout:hover:not(:disabled){background:#ff6b6b33;border-color:#ff6b6b80;transform:translateY(-1px)}.btn-logout:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=768px){.user-menu-copy{text-align:center}.btn-logout{padding:5px 12px;font-size:11px}}@media (width<=480px){.btn-logout{padding:5px 12px;font-size:11px}}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#000000f2;border-bottom:1px solid #ffffff1a;padding:8px 0;position:fixed;top:0;left:0;right:0}.header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.logo{font-family:var(--font-bebas);color:var(--accent-gold);letter-spacing:.1em;font-display:swap;flex-shrink:0;font-size:1.8rem;font-weight:400;text-decoration:none;transition:all .3s}.logo:hover{color:var(--accent-gold-hover);transform:scale(1.05)}.header-search{flex:1;max-width:400px;margin:0 30px}.search-container{align-items:center;display:flex;position:relative}.search-input{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;width:100%;padding:8px 40px 8px 12px;font-size:13px;transition:all .3s}.search-input::placeholder{color:#fff9}.search-input:focus{border-color:var(--accent-gold);background:#ffffff26;outline:none;box-shadow:0 0 0 3px #d4af371a}.search-button{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;font-size:16px;transition:all .3s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-button:hover{color:var(--accent-gold);background:#ffffff1a}.create-menu-container{margin-right:20px;position:relative}.create-menu-button{background:linear-gradient(135deg, var(--accent-gold), #d4af37);color:#000;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #d4af374d}.create-menu-button:hover{background:linear-gradient(135deg, #d4af37, var(--accent-gold));transform:translateY(-1px);box-shadow:0 4px 12px #d4af3766}.create-arrow{font-size:10px;transition:transform .3s}.create-menu-button:hover .create-arrow{transform:rotate(180deg)}.create-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001;background:#000000f2;border:1px solid #ffffff1a;border-radius:8px;min-width:200px;margin-top:8px;padding:8px 0;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 32px #0006}.create-option{color:#fff;border-bottom:1px solid #ffffff1a;padding:12px 16px;font-size:14px;text-decoration:none;transition:all .3s;display:block}.create-option:last-child{border-bottom:none}.create-option:hover{color:var(--accent-gold);background:#ffffff1a;padding-left:20px}.header-auth{align-items:center;gap:12px;display:flex}.guest-actions,.user-menu{align-items:center;gap:10px;display:flex}.header-login,.header-register,.header-admin-link{white-space:nowrap;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:600}.header-login,.header-admin-link{color:#ddd;border:1px solid #444}.header-register{color:#111;background:var(--accent-gold)}@media (width<=968px){.header-search{max-width:350px;margin:0 20px}}@media (width<=768px){.header{padding:6px 0}.header-content{flex-direction:column;gap:12px;padding:0 1.5rem}.header-search{order:2;max-width:100%;margin:0}.create-menu-container{order:3;margin-bottom:10px;margin-right:0}.header-auth{flex-wrap:wrap;order:4;justify-content:center}.logo{order:1;font-size:1.6rem}.search-input{padding:7px 35px 7px 10px;font-size:12px}.search-button{padding:5px;font-size:14px}.create-dropdown{min-width:250px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (width<=480px){.header{padding:5px 0}.header-content{gap:10px;padding:0 1rem}.logo{font-size:1.4rem}.search-input{padding:6px 30px 6px 8px;font-size:11px}.search-button{padding:4px;font-size:12px}}.footer{border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);background:linear-gradient(#1a1a1ae6,#101010f2);margin-top:auto}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:40px;padding:60px 0 40px;display:grid}.footer-section{flex-direction:column;gap:20px;display:flex}.footer-logo{color:var(--accent-gold);letter-spacing:2px;margin-bottom:10px;font-size:28px;font-weight:400}.footer-description{color:var(--text-secondary);max-width:280px;font-family:Arial,sans-serif;font-size:14px;line-height:1.6}.footer-title{color:var(--accent-gold);letter-spacing:1px;margin-bottom:5px;font-size:16px;font-weight:400}.footer-info{flex-direction:column;gap:8px;display:flex}.footer-info p{color:var(--text-secondary);font-family:Arial,sans-serif;font-size:14px;transition:color .3s}.footer-info p:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;padding:30px 0}.footer-bottom p{color:var(--text-muted);font-family:Arial,sans-serif;font-size:14px}@media (width<=768px){.footer-content{text-align:center;grid-template-columns:1fr;gap:30px;padding:40px 0 30px}.footer-description{max-width:100%}}@media (width<=480px){.footer-content{gap:25px;padding:30px 0 20px}.footer-logo{font-size:24px}.footer-bottom{padding:20px 0}}.App{flex-direction:column;min-height:100vh;display:flex;position:relative}.overlay{z-index:-1;pointer-events:none;background:#1a1a1ab3;width:100%;height:100%;position:fixed;top:0;left:0}.main{flex:1;margin-top:80px;position:relative}.loading-screen{color:#64ffda;background:linear-gradient(135deg,#0a192f 0%,#112240 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:3px solid #64ffda4d;border-top-color:#64ffda;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen p{color:#8892b0;margin:0;font-size:18px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#1a1a1a;padding-top:60px;line-height:1.6;overflow-x:hidden}:root{--primary-bg:#1a1a1a;--secondary-bg:#2a2a2a;--accent-gold:#d4af37;--accent-gold-hover:#b8941f;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#888;--border-color:#333;--border-hover:#666;--shadow-dark:#00000080;--shadow-light:#d4af371a;--accent-cyan:#64ffda;--accent-cyan-hover:#7fffd4;--accent-red:#ff6b6b;--accent-yellow:#feca57;--accent-blue:#48dbfb;--font-bebas:"Bebas Neue", "Arial Black", "Arial", sans-serif;--font-oswald:"Oswald", "Arial Narrow", "Arial", sans-serif;--font-inter:"Inter", sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-oswald);letter-spacing:.05em;text-transform:uppercase;color:var(--accent-gold);font-display:swap;margin-bottom:1rem;font-weight:400;line-height:1.2}.font-auto{font-family:var(--font-bebas);font-display:swap}.font-oswald{font-family:var(--font-oswald);font-display:swap}.font-bebas{font-family:var(--font-bebas);font-display:swap}.font-auto:lang(ru),.font-auto:lang(uk),.font-auto:lang(be){font-family:var(--font-oswald)}.font-auto:lang(en),.font-auto:lang(de),.font-auto:lang(fr),.font-auto:lang(es){font-family:var(--font-bebas)}h1{font-size:3.5rem}h2{font-size:3rem}h3{font-size:2.5rem}h4{font-size:2rem}h5{font-size:1.5rem}h6{font-size:1.25rem}p{margin-bottom:1rem;line-height:1.6}a{color:var(--accent-gold);text-decoration:none;transition:all .3s}a:hover{color:var(--accent-gold-hover)}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .3s}input,textarea,select{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff1a;border-radius:4px;padding:.75rem 1rem;font-family:inherit;transition:all .3s}input:focus,textarea:focus,select:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--shadow-light);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.p-5{padding:3rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:.6s forwards fadeIn}.fade-in-up{animation:.6s forwards fadeInUp}.slide-in-left{animation:.6s forwards slideInLeft}.slide-in-right{animation:.6s forwards slideInRight}.scale-in{animation:.6s forwards scaleIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media (width<=768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.8rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.1rem}}@media (width<=480px){h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}}