@import "https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap";
.topbar-minimal{z-index:50;background:#fff;justify-content:flex-start;align-items:center;width:100%;display:flex;position:sticky;top:0}.topbar-logo-center{cursor:pointer;justify-content:flex-start;align-items:center;width:auto;padding-left:1rem;display:flex}.topbar-logo-image{transition:transform .2s}.topbar-logo-image:hover{transform:scale(1.03)}@media (max-width:600px){.topbar-minimal{justify-content:center}.topbar-logo-center{justify-content:center;width:auto;padding-left:0}.topbar-logo-image{width:95px;height:auto}}
.footer{color:#1f2937;background:#f7f9ff;padding:40px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:3rem;display:flex}.footer-brand{max-width:320px}.footer-logo img{filter:brightness()}.footer-brand p{color:#4b5563;margin-top:1rem;font-size:.95rem;line-height:1.5}.footer-links h4,.footer-contact h4{color:#1f2937;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.footer-links ul{padding:0;list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#374151;text-decoration:none;transition:all .2s}.footer-links a:hover{color:#111827}.footer-contact p{color:#4b5563;margin:.4rem 0;font-size:.95rem}.footer-bottom{text-align:center;color:#4b5563;background:#eef2ff;border-top:1px solid #0000000d;margin-top:0;padding:1rem 0;font-size:.9rem}@media (max-width:900px){.footer-inner{flex-direction:column}}
:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}.container{margin:0 auto;padding:0 1rem}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
:root{--background-light:#fefefe;--background-card:#fff;--primary-color:#5a67d8;--secondary-color:#ffd54f;--text-dark:#222;--text-medium:#444;--text-secondary:#666;--btn-hover:#ffca28}.container{width:100%;max-width:1440px;margin:0 auto;padding:20px}.title{color:var(--primary-color);margin-bottom:20px;font-family:Dancing Script,cursive;font-size:3rem}@media (max-width:768px){.container{padding:10px}.title{font-size:1.6rem}}.section-background{background:50%/cover no-repeat}.loading{justify-content:center;align-items:center;gap:8px;height:200px;display:flex}.dot{background-color:var(--text-secondary);border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite both bounce}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.no-posts-message{text-align:center;color:var(--text-medium);padding:100px 20px}.no-posts-message h2{color:var(--text-secondary);margin-bottom:10px;font-size:1.8rem}.no-posts-message p{color:var(--text-medium);font-size:1rem}.btn{cursor:pointer;background:var(--secondary-color);color:var(--text-dark);border:none;border-radius:6px;align-items:center;padding:.4rem .8rem;font-weight:600;transition:all .3s;display:flex}.modal-confirm{z-index:1001;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-confirm .modal-content{text-align:center;background:#fff;border-radius:10px;max-width:400px;padding:24px;box-shadow:0 4px 12px #0003}.modal-buttons{justify-content:space-around;margin-top:20px;display:flex}.modal-buttons .btn-confirm{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;padding:10px 18px}.modal-buttons .btn-cancel{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;padding:10px 18px}.nav-loading-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f0f0f73;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.loader-circle{border:6px solid #fff;border-color:#fff #fff9 #0000 #ffffff4d;border-radius:50%;width:64px;height:64px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}