*{box-sizing:border-box}:root{--primary-white: #ffffff;--primary-black: #000000;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--gray-50);color:var(--gray-900);line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-in{animation:slideIn var(--transition-base)}.animate-scale-in{animation:scaleIn var(--transition-base)}.w3-container{padding:16px}.w3-card{background-color:var(--primary-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--gray-200);overflow:hidden}.w3-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.w3-button{border-radius:var(--border-radius-md);transition:all var(--transition-fast);font-weight:500;border:none;cursor:pointer}.w3-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.w3-button:active{transform:translateY(0)}.w3-blue{background-color:var(--gray-800)!important;color:var(--primary-white)!important}.w3-blue:hover{background-color:var(--gray-900)!important;color:#ff6b35!important}.w3-green{background-color:var(--gray-700)!important;color:var(--primary-white)!important}.w3-green:hover{background-color:var(--gray-800)!important;color:#ff6b35!important}.w3-red{background-color:var(--gray-800)!important;color:var(--primary-white)!important}.w3-red:hover{background-color:var(--gray-900)!important;color:#ff6b35!important}.w3-white{background-color:var(--primary-white)!important;color:var(--gray-900)!important;border:1px solid var(--gray-300)!important}.w3-white:hover{background-color:var(--gray-50)!important}.w3-light-grey{background-color:var(--gray-100)!important}.w3-text-blue{color:var(--gray-800)!important}.w3-text-blue:hover{color:var(--gray-900)!important}.w3-text-white{color:var(--primary-white)!important}.w3-text-grey{color:var(--gray-500)!important}.w3-text-dark-grey{color:var(--gray-800)!important}.stream-card{transition:all var(--transition-base);cursor:pointer;border-radius:var(--border-radius-lg);overflow:hidden;background-color:var(--primary-white);border:1px solid var(--gray-200)}.stream-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--gray-300)}.stream-card img{transition:transform var(--transition-slow)}.stream-card:hover img{transform:scale(1.05)}.live-badge{position:absolute;top:12px;right:12px;background-color:#dc2626;color:var(--primary-white);padding:6px 12px;border-radius:var(--border-radius-xl);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-lg);animation:pulse 2s infinite}.donation-section{background-color:var(--primary-white);padding:24px;border-radius:var(--border-radius-lg);margin-top:20px;border:1px solid var(--gray-200);box-shadow:var(--shadow-md);animation:fadeIn var(--transition-base)}.empty-state{text-align:center;padding:60px 20px;color:var(--gray-500);animation:fadeIn var(--transition-base)}.empty-state i{font-size:64px;color:var(--gray-300);margin-bottom:20px;display:block;animation:pulse 2s infinite}.loading{text-align:center;padding:40px}.form-group{margin-bottom:20px;animation:fadeIn var(--transition-base)}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--gray-800);font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);background-color:var(--primary-white);color:var(--gray-900);font-size:14px;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gray-600);box-shadow:0 0 0 3px #0000000d;transform:translateY(-1px)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--gray-400)}.form-group textarea{min-height:100px;resize:vertical}.alert{padding:16px 20px;border-radius:var(--border-radius-md);margin-bottom:16px;border-left:4px solid;animation:slideIn var(--transition-base);font-weight:500}.alert-success{background-color:var(--gray-100);color:var(--gray-800);border-left-color:var(--gray-600)}.alert-error{background-color:var(--gray-100);color:var(--gray-800);border-left-color:var(--gray-900)}.alert-warning{background-color:var(--gray-100);color:var(--gray-800);border-left-color:var(--gray-700)}.alert-info{background-color:var(--gray-100);color:var(--gray-800);border-left-color:var(--gray-500)}.w3-table{border-radius:var(--border-radius-md);overflow:hidden}.w3-table thead{background-color:var(--gray-100)}.w3-table tbody tr{transition:all var(--transition-fast)}.w3-table tbody tr:hover{background-color:var(--gray-50);transform:scale(1.01)}.w3-badge{border-radius:var(--border-radius-xl);padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.w3-badge.w3-red{background-color:var(--gray-900)!important;color:var(--primary-white)!important}.w3-badge.w3-green{background-color:var(--gray-700)!important;color:var(--primary-white)!important}.w3-badge.w3-yellow{background-color:var(--gray-600)!important;color:var(--primary-white)!important}.w3-badge.w3-grey{background-color:var(--gray-500)!important;color:var(--primary-white)!important}.w3-badge.w3-blue{background-color:var(--gray-800)!important;color:var(--primary-white)!important}.w3-input,.w3-select,.w3-textarea{border-radius:var(--border-radius-md)!important;transition:all var(--transition-fast)!important}.w3-input:focus,.w3-select:focus,.w3-textarea:focus{outline:none!important;border-color:var(--gray-600)!important;box-shadow:0 0 0 3px #0000000d!important;transform:translateY(-1px)!important}.w3-table{border-radius:var(--border-radius-md)!important}.w3-table thead{background-color:var(--gray-100)!important}.w3-table tbody tr{transition:all var(--transition-fast)!important}.w3-table tbody tr:hover{background-color:var(--gray-50)!important;transform:scale(1.01)!important}html{scroll-behavior:smooth}::selection{background-color:var(--gray-300);color:var(--gray-900)}*:focus-visible{outline:2px solid var(--gray-600);outline-offset:2px;border-radius:var(--border-radius-sm)}@media (max-width: 768px){.w3-container{padding:12px}.stream-card:hover{transform:translateY(-4px) scale(1.01)}:root{--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 14px;--border-radius-xl: 20px}}