:root{--primary-color: #F57C00;--text-color: #333;--text-secondary: #555;--bg-body: #f4f4f9;--bg-header: #ffffff;--card-opacity: .7;--bg-card: rgba(250, 250, 250, var(--card-opacity));--shadow-light: 0 4px 15px rgba(0, 0, 0, .05);--shadow-medium: 0 4px 15px rgba(0, 0, 0, .1)}body{margin:0;padding:0;color:var(--text-color);line-height:1.6;min-height:100vh}header{background-color:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-color);padding:1.5rem 0;text-align:center;border:1px solid rgba(255,255,255,.3);border-radius:16px;margin:1rem 1rem 0;box-shadow:0 8px 32px #1f268712}.container{max-width:1200px;margin:0 auto;padding:0 20px}.brand-desc{font-size:1.2rem;max-width:700px;margin:0 auto;opacity:.9;color:var(--text-secondary)}.top-banner{max-width:100%;height:auto;border-radius:8px;box-shadow:var(--shadow-medium);margin-bottom:2rem;display:block;margin-left:auto;margin-right:auto}.main-content{margin-top:1rem;background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 8px 32px #1f268712;padding:2rem;border:1px solid rgba(255,255,255,.3)}h1{margin:0 0 1rem;font-size:3rem;color:#222}h2{color:#2c3e50;border-bottom:2px solid #eee;padding-bottom:10px;margin-top:0}.card{display:block;text-decoration:none;background:var(--bg-card);padding:1.5rem;border-radius:12px;border-left:5px solid var(--primary-color);transition:transform .2s ease,box-shadow .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26871a;color:var(--text-color)}.card:active{transform:scale(.98)}.user-link{display:inline-block;padding:8px 20px;border:2px solid var(--primary-color);border-radius:9999px;color:var(--primary-color)!important;font-weight:700;text-decoration:none;transition:all .3s ease;background:#ffffff80}.user-link:hover{background:var(--primary-color);color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px #f57c0033;text-decoration:none}.card h3{color:var(--primary-color);margin-top:0}.card .icon{width:1.5em;height:1.5em;vertical-align:middle;margin-right:8px}footer{text-align:center;padding:2rem;margin-top:2rem;color:#888;background:#fff6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268712}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:30px}.video-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000001a;transition:transform .2s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.video-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0003}.video-card img{width:100%;height:auto;object-fit:cover;aspect-ratio:16/9}.video-card-content{padding:15px}.video-card h3{margin:0 0 10px;font-size:1.1em;color:#333;line-height:1.4}.video-card p{font-size:.9em;color:#666;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.loader{text-align:center;padding:20px;display:none}.loader.visible{display:block}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-color, #3498db);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.paw-print{position:absolute;width:24px;height:24px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAn0lEQVR4nO2WwRJAMAxEy9UvO/plZ04dhqbdTZpDyTuR0VixW1IKgr8zsQv2NR35eNmu9VK9xay9+f1cqiPASpmmGWQS1AQ8GEeANE62/kS8iHW7Nh1FASXDMdFi+rxegeR2NgVoH7MJNfHsJkDaiEwCUFe3dj+0jykFEuYUIKIYETVgD/RKgVqAFyFgHAHst6B7CrygBKBP5fZTGnySE7YaUemklWlgAAAAAElFTkSuQmCC);background-size:contain;background-repeat:no-repeat;pointer-events:none;z-index:999;opacity:.6;transition:opacity .5s ease}.paw-print.fading-out{opacity:0}