.header{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0f172a,#020617);border-bottom:1px solid #38bdf81f;transition:background .3s;position:sticky;top:0;left:0;box-shadow:0 10px 30px #0f172a2e}.header:after{content:"";background:linear-gradient(90deg,#0000,#38bdf880,#c3c30f59,#0000);width:100%;height:1px;position:absolute;bottom:0;left:0}.header-inner{justify-content:space-between;align-items:center;max-width:1300px;margin:auto;padding:18px 40px;display:flex}.logo a{text-shadow:0 0 18px #38bdf82e;color:#fff;letter-spacing:-1px;align-items:center;gap:8px;font-size:28px;font-weight:800;text-decoration:none;display:flex}.logo a:hover{opacity:.95}.header-logo{object-fit:contain;background-color:#fff;border-radius:50%;flex-shrink:0;width:42px;height:38px;padding-top:4px;padding-left:1px;display:block}.logo-text{letter-spacing:-1px;color:#fff;text-shadow:0 0 18px #38bdf82e;font-size:28px;font-weight:800}.nav-links{align-items:center;gap:34px;display:flex}.nav-links a{color:#ffffffe0;padding-bottom:4px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.nav-links a:hover{color:#fff}.nav-links a:after{content:"";background:linear-gradient(90deg,#38bdf8,#c3c30f);border-radius:999px;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-7px;left:0}.nav-links a:hover:after{width:100%}.auth-buttons{align-items:center;gap:14px;display:flex}.user-menu{align-items:center;gap:12px;display:flex}.account-chip{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;text-decoration:none;transition:all .25s;display:flex}.account-chip:hover{background:#ffffff17;border-color:#38bdf859;transform:translateY(-1px)}.account-avatar{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.account-name{white-space:nowrap;font-size:14px;font-weight:600}.login-btn{color:#fff;border-radius:12px;padding:10px 18px;font-weight:500;text-decoration:none;transition:all .3s}.login-btn:hover{background:#ffffff14}.register-btn{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:12px;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 10px 24px #38bdf833}.register-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px #38bdf84d}@media (width<=900px){.header-inner{flex-wrap:wrap;gap:18px;padding:16px 20px}.nav-links{order:3;justify-content:center;width:100%}.auth-buttons{margin-left:auto}}@media (width<=768px){.header{display:none}}.footer{color:#fff;background:linear-gradient(#0f172a,#020617);margin-top:80px;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg,#0000,#38bdf873,#c3c30f40,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.footer-container{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:50px;max-width:1300px;margin:auto;padding:70px 28px 50px;display:grid}.footer-logo-row{align-items:center;gap:14px;margin-bottom:18px;display:flex}.footer-logo{flex-shrink:0;width:50px;height:50px;padding-top:5px;display:block}.footer-brand h2{letter-spacing:-1px;color:#fff;text-shadow:0 0 18px #38bdf82e;margin:0;font-size:30px}.footer-brand p{color:#cbd5e1;max-width:360px;font-size:15px;line-height:1.8}.footer-links h3,.footer-social h3,.footer-community h3{color:#fff;margin-bottom:18px;font-size:18px;display:inline-block;position:relative}.footer-links h3:after,.footer-social h3:after{content:"";background:linear-gradient(90deg,#38bdf8,#c3c30f);border-radius:999px;width:60%;height:2px;position:absolute;bottom:-6px;left:0}.footer-links a,.social-icons a{color:#cbd5e1;margin-bottom:12px;font-size:15px;text-decoration:none;transition:all .3s;display:block}.footer-links a:hover,.social-icons a:hover{color:#fff;text-shadow:0 0 12px #38bdf859;transform:translate(4px)}.footer-links p{color:#cbd5e1;margin-bottom:12px;font-size:15px;transition:all .3s}.footer-links p:hover{color:#fff;transform:translate(4px)}.footer-community h3{color:#fff;margin-bottom:18px;font-size:18px;display:inline-block;position:relative}.footer-community h3:after{content:"";background:linear-gradient(90deg,#38bdf8,#7c3aed);border-radius:999px;width:60%;height:2px;position:absolute;bottom:-6px;left:0}.community-text{color:#cbd5e1;max-width:250px;margin:18px 0 20px;font-size:14px;line-height:1.7}.footer-share-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#38bdf8,#7c3aed);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:fit-content;padding:10px 16px;font-size:13px;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s;animation:4s ease-in-out infinite sharePulse;display:inline-flex;box-shadow:0 8px 20px #7c3aed38}.footer-share-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #7c3aed59}.footer-share-btn span{font-size:15px}.community-tag{color:#94a3b8;max-width:230px;margin-top:18px;font-size:13px;line-height:1.5}.social-icons{flex-direction:column;gap:10px;display:flex}.footer-bottom{text-align:center;color:#94a3b8;background:#ffffff05;border-top:1px solid #ffffff0f;padding:24px;font-size:14px}@media (width<=1000px){.footer-container{grid-template-columns:repeat(2,1fr);gap:40px}}@media (width<=768px){.footer{display:none}}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{z-index:9999;-webkit-backdrop-filter:blur(20px);height:64px;padding-bottom:env(safe-area-inset-bottom);contain:layout style;will-change:auto;background:#0a1028d1;border-top:1px solid #38bdf81a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 30px #00000059}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bottom-nav{background:#0a1028f7}}.bottom-item{color:#94a3b8b3;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;text-decoration:none;transition:color .2s;display:flex;position:relative}.bottom-item:before{content:"";background:linear-gradient(90deg,#38bdf8,#2563eb);border-radius:0 0 4px 4px;width:32px;height:2px;transition:transform .25s;position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(0)}.bottom-item.active:before{transform:translate(-50%)scaleX(1)}.bottom-item.active{color:#38bdf8}.bottom-icon{justify-content:center;align-items:center;width:22px;height:22px;transition:transform .2s;display:flex}.bottom-icon svg{width:22px;height:22px}.bottom-item.active .bottom-icon{transform:translateY(-1px)}.create-icon svg{stroke:url(#create-gradient);width:26px;height:26px}.bottom-nav svg defs{display:none}.bottom-label{letter-spacing:.3px;font-size:11px;font-weight:600;line-height:1}.bottom-item:active{transition:transform .1s;transform:scale(.92)}.bottom-item .create-icon svg{stroke:#94a3b8b3}.bottom-item.active .create-icon svg{stroke:#38bdf8}@media (prefers-reduced-motion:reduce){.bottom-item,.bottom-item:before,.bottom-icon{transition:none}}}