@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.btn-logout{padding:6px 16px;border:1px solid rgba(255,107,107,.3);border-radius:6px;text-decoration:none;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,107,107,.1);color:#ff6b6b;cursor:pointer;font-family:inherit}.btn-logout:hover:not(:disabled){background:rgba(255,107,107,.2);border-color:#ff6b6b80;transform:translateY(-1px)}.btn-logout:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.btn-logout{padding:5px 12px;font-size:11px}}@media (max-width: 480px){.btn-logout{padding:5px 12px;font-size:11px}}.header{position:fixed;top:0;left:0;right:0;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;padding:8px 0}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 2rem}.logo{font-family:var(--font-bebas);font-size:1.8rem;color:var(--accent-gold);text-decoration:none;letter-spacing:.1em;transition:all .3s ease;flex-shrink:0;font-display:swap;font-weight:400}.logo:hover{color:var(--accent-gold-hover);transform:scale(1.05)}.header-search{flex:1;max-width:400px;margin:0 30px}.search-container{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:8px 40px 8px 12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:13px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input::placeholder{color:#fff9}.search-input:focus{outline:none;border-color:var(--accent-gold);background:rgba(255,255,255,.15);box-shadow:0 0 0 3px #d4af371a}.search-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff9;font-size:16px;cursor:pointer;padding:6px;border-radius:4px;transition:all .3s ease}.search-button:hover{color:var(--accent-gold);background:rgba(255,255,255,.1)}.create-menu-container{position:relative;margin-right:20px}.create-menu-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--accent-gold),#d4af37);border:none;border-radius:6px;color:#000;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;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 ease}.create-menu-button:hover .create-arrow{transform:rotate(180deg)}.create-dropdown{position:absolute;top:100%;left:0;right:0;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 0;margin-top:8px;box-shadow:0 8px 32px #0006;z-index:1001;min-width:200px}.create-option{display:block;padding:12px 16px;color:#fff;text-decoration:none;font-size:14px;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.1)}.create-option:last-child{border-bottom:none}.create-option:hover{background:rgba(255,255,255,.1);color:var(--accent-gold);padding-left:20px}.header-auth{display:flex;align-items:center}@media (max-width: 968px){.header-search{margin:0 20px;max-width:350px}}@media (max-width: 768px){.header{padding:6px 0}.header-content{flex-direction:column;gap:12px;padding:0 1.5rem}.header-search{margin:0;max-width:100%;order:2}.create-menu-container{margin-right:0;margin-bottom:10px;order:3}.header-auth{order:4}.logo{font-size:1.6rem;order:1}.search-input{padding:7px 35px 7px 10px;font-size:12px}.search-button{font-size:14px;padding:5px}.create-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:250px}}@media (max-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{font-size:12px;padding:4px}}.footer{background:linear-gradient(to bottom,rgba(26,26,26,.9),rgba(16,16,16,.95));border-top:1px solid var(--border-color);margin-top:auto;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:60px 0 40px}.footer-section{display:flex;flex-direction:column;gap:20px}.footer-logo{font-size:28px;color:var(--accent-gold);letter-spacing:2px;font-weight:400;margin-bottom:10px}.footer-description{color:var(--text-secondary);font-family:Arial,sans-serif;font-size:14px;line-height:1.6;max-width:280px}.footer-title{color:var(--accent-gold);font-size:16px;letter-spacing:1px;font-weight:400;margin-bottom:5px}.footer-info{display:flex;flex-direction:column;gap:8px}.footer-info p{color:var(--text-secondary);font-family:Arial,sans-serif;font-size:14px;transition:color .3s ease}.footer-info p:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-color);padding:30px 0;text-align:center}.footer-bottom p{color:var(--text-muted);font-family:Arial,sans-serif;font-size:14px}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:30px;padding:40px 0 30px;text-align:center}.footer-description{max-width:100%}}@media (max-width: 480px){.footer-content{padding:30px 0 20px;gap:25px}.footer-logo{font-size:24px}.footer-bottom{padding:20px 0}}.App{min-height:100vh;position:relative;display:flex;flex-direction:column}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(26,26,26,.7);z-index:-1;pointer-events:none}.main{margin-top:80px;flex:1;position:relative}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0a192f 0%,#112240 100%);color:#64ffda}.loading-spinner{width:50px;height:50px;border:3px solid rgba(100,255,218,.3);border-top:3px solid #64ffda;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen p{font-size:18px;color:#8892b0;margin:0}*{margin:0;padding:0;box-sizing:border-box}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;background:#1a1a1a;color:#fff;line-height:1.6;overflow-x:hidden;padding-top:60px}: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: rgba(0, 0, 0, .5);--shadow-light: rgba(212, 175, 55, .1);--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);font-weight:400;line-height:1.2;margin-bottom:1rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-gold);font-display:swap}.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 ease}a:hover{color:var(--accent-gold-hover)}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .3s ease}input,textarea,select{font-family:inherit;border:1px solid var(--border-color);background:rgba(255,255,255,.1);color:var(--text-primary);padding:.75rem 1rem;border-radius:4px;transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--shadow-light)}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:fadeIn .6s ease forwards}.fade-in-up{animation:fadeInUp .6s ease forwards}.slide-in-left{animation:slideInLeft .6s ease forwards}.slide-in-right{animation:slideInRight .6s ease forwards}.scale-in{animation:scaleIn .6s ease forwards}.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 (max-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 (max-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}}