*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e0f2fe;background:linear-gradient(135deg,#0f1218 0%,#1a1c23 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}html{scroll-behavior:smooth}#root{flex-direction:column;min-height:100vh;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s ease-out fadeIn}.header-main{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#141414cc;border-bottom:1px solid #333;width:100%;padding:10px 0;position:fixed;top:0;box-shadow:0 8px 32px #0000004d}.header-wrapper{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.logo-main{color:var(--color-light);padding:5px 10px;font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;text-decoration:none;position:relative}.logo-main:after{content:"";background:linear-gradient(90deg, transparent, var(--color-gold), transparent);height:1px;position:absolute;bottom:0;left:10px;right:10px}.nav-main{flex:1;margin-left:40px}.nav-list-main{gap:25px;list-style:none;display:flex}.nav-item-main{position:relative}.nav-link-main{color:var(--color-light);text-transform:uppercase;letter-spacing:.8px;padding:5px 8px;font-family:Cinzel,serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-link-main:hover{color:var(--color-gold);transform:translateY(-2px)}.nav-link-main.nav-active{color:var(--color-gold)}.nav-link-main:after{content:"";background:var(--color-gold);transform-origin:50%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:8px;right:8px;transform:scaleX(0)}.nav-link-main:hover:after,.nav-link-main.nav-active:after{transform:scaleX(1)}.submenu{background:var(--color-surface);border:1px solid var(--color-border);z-index:1000;border-radius:8px;min-width:200px;display:none;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 25px #0000004d}.nav-item-main:hover .submenu{display:block}.submenu li{padding:0}.submenu a{color:var(--color-light);border-bottom:1px solid var(--color-border);padding:12px 20px;font-family:Cinzel,serif;font-size:.9rem;text-decoration:none;transition:all .3s;display:block}.submenu a:hover{color:var(--color-gold);background:#c4a7471a;padding-left:25px}.submenu a:last-child{border-bottom:none}.btn-login-header{background:linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dark) 100%);color:#fff;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:4px;padding:8px 16px;font-family:Cinzel,serif;font-weight:600;transition:all .3s;box-shadow:0 4px 8px #c4a7474d}.btn-login-header:hover{background:linear-gradient(135deg, var(--color-gold-light) 0%, var(--color-gold) 100%);transform:translateY(-2px);box-shadow:0 6px 12px #c4a74766}@media (width<=1200px){.header-wrapper{flex-direction:column;gap:15px}.nav-main{margin-left:0}.nav-list-main{gap:15px}.hamburger{cursor:pointer;z-index:1001;flex-direction:column;justify-content:space-between;width:30px;height:21px;display:flex}.bar{background-color:var(--color-light);border-radius:2px;width:100%;height:3px;transition:all .3s}.bar.open:first-child{transform:translateY(9px)rotate(45deg)}.bar.open:nth-child(2){opacity:0}.bar.open:last-child{transform:translateY(-9px)rotate(-45deg)}.nav-main{display:none}.nav-main.active{background:var(--color-dark);border-top:1px solid var(--color-border);width:100%;padding:15px 0;animation:.3s slideDown;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submenu{box-shadow:none;background:var(--color-dark);border:none;padding-left:20px;display:none;position:static}.nav-item-main.active .submenu{display:block}.nav-link-main:after,.nav-link-main:hover{transform:none}}.footer{color:#94a3b8;text-align:center;background:#141414cc;border-top:1px solid #333;margin-top:3rem;padding:2rem 1rem;font-family:Cinzel,serif}.footer p{color:var(--color-text-muted);margin:0 0 1rem}.container{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.nav-section,.social-section,.copyright-section{flex-direction:column;align-items:center;gap:1rem;display:flex}.section-title{color:#f1f5f9;margin:0;font-size:1.1rem;font-weight:700}.nav-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-link,.login-link{color:#94a3b8;font-size:.95rem;text-decoration:none;transition:color .3s}.nav-link:hover,.login-link:hover{color:#f1f5f9}.login-link{color:#e2e8f0;font-weight:600}.social-grid{flex-wrap:wrap;justify-content:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.social-link{color:#94a3b8;flex-direction:column;align-items:center;font-size:.9rem;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{color:#f1f5f9;transform:scale(1.05)}.social-icon{filter:invert(.6);width:28px;height:28px;margin-bottom:.5rem;transition:filter .3s}.social-link:hover .social-icon{filter:invert()}.copyright-section{border-top:1px solid #333;width:100%;margin-top:1.5rem;padding-top:1.5rem}.copyright-text{color:#64748b;margin:0;font-size:.85rem}@media (width<=768px){.container{gap:1.5rem}.nav-grid,.social-grid{gap:1rem}.nav-link,.login-link,.social-link{font-size:.9rem}.social-icon{width:24px;height:24px}.copyright-text{font-size:.8rem}}@media (width<=480px){.footer{padding:1.5rem .5rem}.nav-grid,.social-grid{flex-direction:column;align-items:center}.nav-link,.social-link{margin:.2rem 0}}.App{flex-direction:column;min-height:100vh;display:flex}.btn{color:#d0d0d0;cursor:pointer;text-align:center;background:#2e2e2e;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 6px #c4a74733}.btn:hover{background:#2e2e2e;transform:translateY(-3px);box-shadow:0 6px 12px #c4a7474d}.btn:active{transform:translateY(-1px);box-shadow:0 3px 6px #c4a74733}.btn-primary{background:#2e2e2e;box-shadow:0 4px 6px #3498db33}.btn-secondary{background:#2e2e2e;box-shadow:0 4px 6px #2ecc7133}.btn-danger{background:#2e2e2e;box-shadow:0 4px 6px #e74c3c33}.cabinet-btn{color:#d0d0d0;background:#2e2e2e;border:1px solid #505050;border-radius:10px;flex-direction:column;align-items:center;padding:20px;text-decoration:none;transition:all .3s;display:flex}.cabinet-btn:hover{background:#3e3e3e;border-color:#606060;transform:translateY(-5px)}.cabinet-icon{margin-bottom:10px;font-size:2.5rem}.latest-posts{max-width:1200px;margin:4rem auto;padding:0 1rem;font-family:Cinzel,serif}.latest-posts h2{text-align:center;color:#f1f5f9;margin-bottom:2.5rem;font-size:2.2rem}.posts-preview{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.post-preview{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;transition:all .3s}.post-preview:hover{border-color:#fff3;transform:translateY(-3px);box-shadow:0 10px 25px #0003}.post-preview-title{color:#f1f5f9;margin:0 0 .8rem;font-size:1.3rem;font-weight:600}.post-preview-excerpt{color:#94a3b8;margin-bottom:1.2rem;line-height:1.6}.btn-read-more{color:#3b82f6;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s;display:inline-block}.btn-read-more:hover{color:#60a5fa}@media (width<=768px){.latest-posts{padding:0 .5rem}.posts-preview{grid-template-columns:1fr}}.blog-page{color:#e2e8f0;max-width:1200px;margin:2rem auto;padding:0 1rem;font-family:Cinzel,serif}.breadcrumb{color:#94a3b8;margin-bottom:1rem;font-size:.9rem}.breadcrumb a{color:#94a3b8;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.blog-header{text-align:center;margin-bottom:3rem}.blog-header h1{color:#f1f5f9;margin-bottom:1rem;font-size:2.5rem;line-height:1.2}.blog-header .subtitle{color:#94a3b8;max-width:700px;margin:0 auto;font-size:1.1rem}.posts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.post-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.8rem;transition:all .3s;position:relative}.post-card:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 25px #0003}.post-tag{color:#e2e8f0;background:#3b82f61a;border-radius:20px;margin-bottom:1.2rem;padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:inline-block}.post-title{margin:0 0 1rem}.post-title a{color:#f1f5f9;font-size:1.4rem;font-weight:600;text-decoration:none;transition:color .3s}.post-title a:hover{color:#93c5fd}.post-excerpt{color:#94a3b8;margin-bottom:1.5rem;line-height:1.6}.post-meta{color:#64748b;align-items:center;margin-bottom:1.5rem;font-size:.9rem;display:flex}.post-actions{justify-content:space-between;align-items:center;display:flex}.read-more{color:#3b82f6;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s}.read-more:hover{color:#60a5fa}.social-share{gap:.5rem;display:flex}.share-btn{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;font-size:1.1rem;transition:all .3s}.share-btn:hover{color:#3b82f6;background:#3b82f633;transform:scale(1.1)}@media (width<=768px){.blog-page{padding:0 .5rem}.blog-header h1{font-size:2rem}.blog-header .subtitle{font-size:1rem}.posts-grid{grid-template-columns:1fr}.post-card{padding:1.5rem}}.blog-editor{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.blog-editor form{flex-direction:column;display:flex}.blog-editor label{color:#94a3b8;margin-bottom:.5rem;font-weight:600;display:block}.blog-editor input[type=text],.blog-editor textarea{color:#e2e8f0;background:#ffffff1a;border:1px solid #475569;border-radius:.375rem;width:100%;margin-bottom:1.5rem;padding:.75rem;font-family:inherit}.blog-editor input[type=text]{font-size:1.2rem}.blog-editor textarea{resize:vertical;min-height:400px;line-height:1.8}.blog-editor select{color:#e2e8f0;background:#ffffff1a;border:1px solid #475569;border-radius:.375rem;margin-bottom:1.5rem;padding:.75rem}.blog-editor .editor-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.blog-editor .editor-footer button{cursor:pointer;border:none;border-radius:.375rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.blog-editor .save-button{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.blog-editor .save-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af)}.blog-editor .save-button:disabled{cursor:not-allowed;background:#64748b}.blog-editor .cancel-button{color:#fff;background:#ffffff1a;border:1px solid #475569}.blog-editor .cancel-button:hover{background:#fff3}.blog-editor .hint{color:#94a3b8;margin-top:.5rem;font-size:.875rem}@media (width<=768px){.blog-editor{padding:1.5rem}.blog-editor .editor-footer{flex-direction:column;gap:1rem}}.new-post-page{max-width:1200px;margin:0 auto;padding:2rem;font-family:Cinzel,serif}.new-post-page h1{color:#f1f5f9;text-align:center;border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1rem;font-size:2.5rem}@media (width<=768px){.new-post-page{padding:1rem}.new-post-page h1{font-size:2rem}}