:root{--primary-start: #667eea;--primary-end: #764ba2;--primary-500: #667eea;--primary-600: #5568d3;--primary-700: #4452bc;--accent-start: #f093fb;--accent-end: #f5576c;--accent-500: #f093fb;--accent-600: #ee6fa8;--accent-700: #eb4b55;--gradient-primary: linear-gradient(135deg, var(--primary-start) 0%, var(--primary-end) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);--gradient-primary-reverse: linear-gradient(315deg, var(--primary-start) 0%, var(--primary-end) 100%);--bg-base: #0f0f15;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1e3a5f;--bg-card-hover: #243659;--bg-input: #0d2438;--bg-button: #2a5298;--text-primary: #ffffff;--text-secondary: #b8bcc8;--text-tertiary: #7a8394;--text-muted: #5a6370;--border-color: #3a4a5f;--border-color-light: #2a3a4f;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--glass-bg: rgba(30, 58, 95, 0.7);--glass-border: rgba(58, 74, 95, 0.5);--glass-backdrop: blur(10px)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-glow: 0 0 20px rgba(102, 126, 234, 0.4);--shadow-glow-accent: 0 0 20px rgba(240, 147, 251, 0.4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.06)}:root{--duration-75: 75ms;--duration-100: 100ms;--duration-150: 150ms;--duration-200: 200ms;--duration-300: 300ms;--duration-500: 500ms;--duration-700: 700ms;--duration-1000: 1000ms;--ease-linear: linear;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1)}:root{--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080}:root{--transition-fast: var(--duration-150) var(--ease-out);--transition-base: var(--duration-300) var(--ease-out);--transition-slow: var(--duration-500) var(--ease-out);--aspect-video: auto 3 / 4;--aspect-square: 1;--aspect-wide: auto 16 / 9}@keyframes fade-in-animation{from{opacity:0}to{opacity:1}}@keyframes fade-out-animation{from{opacity:1}to{opacity:0}}@keyframes slide-up-animation{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down-animation{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left-animation{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-animation{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scale-in-animation{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes scale-out-animation{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.95)}}@keyframes spin-animation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spin-reverse-animation{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}@keyframes pulse-animation{0%,100%{opacity:1}50%{opacity:.7}}@keyframes pulse-scale-animation{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(0.95);opacity:.8}}@keyframes bounce-animation{0%,100%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}}@keyframes bounce-up-animation{0%{transform:translateY(0);opacity:0}50%{opacity:1}100%{transform:translateY(-20px);opacity:0}}@keyframes shake-animation{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}}@keyframes blink-animation{0%,49%,100%{opacity:1}50%,99%{opacity:0}}@keyframes blink-fast-animation{0%,49%,100%{opacity:1}50%,99%{opacity:.4}}@keyframes hover-lift-animation{0%{transform:translateY(0);box-shadow:0 4px 12px rgba(0,0,0,.15)}100%{transform:translateY(-8px);box-shadow:0 12px 24px rgba(102,126,234,.3)}}@keyframes loading-bar-animation{0%{left:-100%}100%{left:100%}}@keyframes loading-shimmer-animation{0%{background-position:-1000px 0}100%{background-position:1000px 0}}@keyframes skeleton-shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}@keyframes gradient-shift-animation{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradient-glow-animation{0%,100%{box-shadow:0 0 10px rgba(102,126,234,.3)}50%{box-shadow:0 0 20px rgba(102,126,234,.6)}}@keyframes expand-animation{from{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:1000px;overflow:visible}}@keyframes collapse-animation{from{opacity:1;max-height:1000px;overflow:visible}to{opacity:0;max-height:0;overflow:hidden}}@keyframes rotate-in-animation{from{opacity:0;transform:rotate(-10deg) scale(0.95)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes rotate-out-animation{from{opacity:1;transform:rotate(0) scale(1)}to{opacity:0;transform:rotate(10deg) scale(0.95)}}@keyframes count-up-animation{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes input-focus-animation{from{border-color:var(--border-color-light);box-shadow:0 0 0 0 rgba(102,126,234,.1)}to{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(102,126,234,.2)}}@keyframes page-enter-animation{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes page-exit-animation{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes menu-open-animation{from{opacity:0;transform:translateY(-10px) scaleY(0.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes menu-close-animation{from{opacity:1;transform:translateY(0) scaleY(1)}to{opacity:0;transform:translateY(-10px) scaleY(0.95)}}@keyframes modal-backdrop-in-animation{from{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out-animation{from{opacity:1}to{opacity:0}}@keyframes modal-content-in-animation{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modal-content-out-animation{from{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0.9) translateY(20px)}}@keyframes toast-slide-in-animation{from{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes toast-slide-out-animation{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(400px)}}@keyframes gradient-flow-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes float-animation{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes float-slow-animation{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}@keyframes underline-animation{from{width:0}to{width:100%}}@keyframes twinkle-animation{0%,100%{opacity:.3}50%{opacity:1}}@keyframes progress-fill-animation{from{width:0%}to{width:100%}}@keyframes play-button-scale-animation{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes play-icon-pulse-animation{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}html{box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);scroll-behavior:smooth}*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}body{margin:0;padding:0;background-color:var(--bg-base);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:1rem;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin:0;padding:0}strong,b{font-weight:700}em,i{font-style:italic}small{font-size:.875rem}sub,sup{font-size:.75rem;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}ul,ol,dl{margin:0;padding:0;list-style:none}li{list-style:none}dt{font-weight:600}dd{margin-left:0}a{color:var(--primary-500);text-decoration:none;background-color:rgba(0,0,0,0);cursor:pointer;transition:color var(--transition-base)}a:hover{color:var(--primary-600);text-decoration:underline}a:active{color:var(--primary-700)}a:focus{outline:2px solid var(--primary-500);outline-offset:2px}button,input[type=button],input[type=reset],input[type=submit]{margin:0;padding:0;border:none;background:none;font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{outline:2px solid var(--primary-500);outline-offset:2px}button:disabled,input[type=button]:disabled,input[type=reset]:disabled,input[type=submit]:disabled{cursor:not-allowed;opacity:.5}input,textarea,select,optgroup,option{margin:0;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background-color:rgba(0,0,0,0);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,textarea:focus,select:focus,optgroup:focus,option:focus{outline:none}input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=url],input[type=tel],input[type=date],input[type=time],textarea,select{background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;padding:.75rem 1rem;transition:all var(--transition-base)}input[type=text]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder,input[type=url]::placeholder,input[type=tel]::placeholder,input[type=date]::placeholder,input[type=time]::placeholder,textarea::placeholder,select::placeholder{color:var(--text-muted)}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=time]:focus,textarea:focus,select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(102,126,234,.1);background-color:var(--bg-card)}input[type=text]:disabled,input[type=password]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=url]:disabled,input[type=tel]:disabled,input[type=date]:disabled,input[type=time]:disabled,textarea:disabled,select:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}textarea{resize:vertical;min-height:120px}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;margin-right:.75rem;cursor:pointer;accent-color:var(--primary-500)}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed;opacity:.5}img{max-width:100%;height:auto;display:block;border:0;background-color:rgba(0,0,0,0)}picture{display:block}svg{display:block;max-width:100%;height:auto;fill:currentColor}table{border-collapse:collapse;border-spacing:0;width:100%}caption{padding:1rem;caption-side:bottom;text-align:left;color:var(--text-secondary)}th{text-align:left;font-weight:600;vertical-align:bottom;border-bottom:2px solid var(--border-color);padding:.75rem}td{border-bottom:1px solid var(--border-color-light);padding:.75rem;vertical-align:top}code,kbd,pre,samp{font-family:"Courier New",Courier,monospace;font-size:.875rem}code{background-color:var(--bg-secondary);padding:.125rem .5rem;border-radius:.25rem;color:var(--accent-500)}pre{background-color:var(--bg-secondary);border:1px solid var(--border-color-light);border-radius:1rem;padding:1rem;overflow:auto;line-height:1.75}pre code{background-color:rgba(0,0,0,0);padding:0;border-radius:0;color:var(--text-primary)}hr{margin:2rem 0;border:0;border-top:1px solid var(--border-color-light);color:var(--border-color-light);overflow:visible}blockquote{margin:0;padding:1rem 1.5rem;border-left:4px solid var(--primary-500);background-color:var(--bg-tertiary);color:var(--text-secondary);font-style:italic}mark{background-color:rgba(240,147,251,.2);color:inherit;padding:.125rem .5rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}[disabled],[readonly]{cursor:not-allowed}[hidden],.hidden{display:none !important}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}@supports(container-type: inline-size){.container{container-type:inline-size}}.badge-dark,.badge-light,.badge-info,.badge,.video-card .video-cover .video-status,.video-card-minimal .video-cover .video-status,.video-card-compact .video-cover .video-status,.video-card .video-poster .video-status,.video-card-minimal .video-poster .video-status,.video-card-compact .video-poster .video-status,.badge-danger,.badge-warning,.badge-success,.badge-primary{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-primary{background:rgba(102,126,234,.2);color:var(--primary-500)}.badge-success{background:rgba(16,185,129,.2);color:var(--success-color)}.badge-warning{background:rgba(245,158,11,.2);color:var(--warning-color)}.badge-danger{background:rgba(239,68,68,.2);color:var(--danger-color)}.app-wrapper{width:100%;min-height:100vh;display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:1em;height:1em}.btn.btn-with-icon{display:inline-flex;align-items:center;gap:.5rem}.btn.btn-with-icon svg{width:1.25em;height:1.25em}.btn.is-loading{position:relative;pointer-events:none;opacity:.7}.btn.is-loading .btn-text{visibility:hidden}.btn.is-loading::after{content:"";position:absolute;width:1.25rem;height:1.25rem;top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin-animation .8s linear infinite}.btn.btn-block{width:100%;display:flex}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary svg{width:1em;height:1em}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.4)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary.outlined{background:rgba(0,0,0,0);color:var(--primary-500);border:2px solid var(--primary-500);box-shadow:none}.btn-primary.outlined:hover:not(:disabled){background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary.soft{background:rgba(102,126,234,.15);color:var(--primary-500);box-shadow:none}.btn-primary.soft:hover:not(:disabled){background:rgba(102,126,234,.25)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary svg{width:1em;height:1em}.btn-secondary{background:rgba(0,0,0,0);color:var(--text-primary);border:1.5px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-500);color:var(--primary-500)}.btn-secondary.filled{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary.filled:hover:not(:disabled){background:var(--bg-card-hover)}.btn-secondary.soft{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--bg-tertiary)}.btn-secondary.soft:hover:not(:disabled){background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.btn-text{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.btn-text:disabled{opacity:.5;cursor:not-allowed}.btn-text svg{width:1em;height:1em}.btn-text{background:rgba(0,0,0,0);color:#fff;padding:.5rem .75rem}.btn-text:hover:not(:disabled){background:var(--bg-tertiary)}.btn-text:hover:not(:disabled){background:var(--bg-tertiary);color:var(--primary-500)}.btn-text:active:not(:disabled){color:var(--primary-600)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger svg{width:1em;height:1em}.btn-danger{background:rgba(239,68,68,.2);color:var(--danger-color);border:1.5px solid var(--danger-color)}.btn-danger:hover:not(:disabled){background:var(--danger-color);color:#fff;box-shadow:0 0 20px rgba(239,68,68,.3)}.btn-danger.filled{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.btn-danger.filled:hover:not(:disabled){opacity:.9}.btn-success{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.btn-success:disabled{opacity:.5;cursor:not-allowed}.btn-success svg{width:1em;height:1em}.btn-success{background:rgba(16,185,129,.2);color:var(--success-color);border:1.5px solid var(--success-color)}.btn-success:hover:not(:disabled){background:var(--success-color);color:#fff;box-shadow:0 0 20px rgba(16,185,129,.3)}.btn-success.filled{background:var(--success-color);color:#fff;border-color:var(--success-color)}.btn-success.filled:hover:not(:disabled){opacity:.9}.btn-warning{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.btn-warning:disabled{opacity:.5;cursor:not-allowed}.btn-warning svg{width:1em;height:1em}.btn-warning{background:rgba(245,158,11,.2);color:var(--warning-color);border:1.5px solid var(--warning-color)}.btn-warning:hover:not(:disabled){background:var(--warning-color);color:#fff;box-shadow:0 0 20px rgba(245,158,11,.3)}.btn-warning.filled{background:var(--warning-color);color:#fff;border-color:var(--warning-color)}.btn-warning.filled:hover:not(:disabled){opacity:.9}.btn-info{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.btn-info:disabled{opacity:.5;cursor:not-allowed}.btn-info svg{width:1em;height:1em}.btn-info{background:rgba(59,130,246,.2);color:var(--info-color);border:1.5px solid var(--info-color)}.btn-info:hover:not(:disabled){background:var(--info-color);color:#fff;box-shadow:0 0 20px rgba(59,130,246,.3)}.btn-info.filled{background:var(--info-color);color:#fff;border-color:var(--info-color)}.btn-info.filled:hover:not(:disabled){opacity:.9}.btn-xs{padding:.25rem .75rem;font-size:.75rem;border-radius:.75rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:1rem}.btn{padding:.75rem 1.5rem;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem;border-radius:1.5rem}.btn-xl{padding:1.25rem 2.5rem;font-size:1.25rem;border-radius:1.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border-radius:50%;background:var(--bg-tertiary);border:none;cursor:pointer;transition:all var(--transition-base)}.btn-icon svg{width:1.25em;height:1.25em;color:var(--text-primary)}.btn-icon:hover:not(:disabled){background:var(--bg-card-hover);color:var(--primary-500)}.btn-icon:hover:not(:disabled) svg{color:var(--primary-500)}.btn-icon.btn-icon-primary{background:var(--gradient-primary);color:#fff}.btn-icon.btn-icon-primary svg{color:#fff}.btn-icon.btn-icon-primary:hover:not(:disabled){box-shadow:var(--shadow-glow)}.btn-icon.btn-icon-sm{width:2rem;height:2rem}.btn-icon.btn-icon-sm svg{width:1em;height:1em}.btn-icon.btn-icon-lg{width:3rem;height:3rem}.btn-icon.btn-icon-lg svg{width:1.5em;height:1.5em}.btn-group{display:inline-flex;gap:0;border-radius:1rem;overflow:hidden}.btn-group .btn{border-radius:0;border-right:1px solid var(--border-color-light)}.btn-group .btn:last-child{border-right:none}.btn-group .btn:hover{z-index:1}.btn-group .btn.active{background:var(--gradient-primary);color:#fff;z-index:2}.btn-group-vertical{display:flex;flex-direction:column;gap:0}.btn-group-vertical .btn{border-radius:0;border-bottom:1px solid var(--border-color-light)}.btn-group-vertical .btn:last-child{border-bottom:none}.btn-group-vertical .btn:first-child{border-radius:1rem 1rem 0 0}.btn-group-vertical .btn:last-child{border-radius:0 0 1rem 1rem}.btn-group-vertical .btn.active{background:var(--gradient-primary);color:#fff}.btn-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));gap:.75rem}.btn-grid.btn-grid-2{grid-template-columns:repeat(2, 1fr)}.btn-grid.btn-grid-3{grid-template-columns:repeat(3, 1fr)}.btn-grid.btn-grid-4{grid-template-columns:repeat(4, 1fr)}@media(max-width: 767px){.btn-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 479px){.btn-grid{grid-template-columns:1fr}}.btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(0.98)}.fab{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-xl);z-index:1020}.fab svg{width:1.5em;height:1.5em}.fab:hover:not(:disabled){transform:scale(1.1);box-shadow:0 12px 24px rgba(102,126,234,.4)}.fab:active:not(:disabled){transform:scale(0.95)}@media(max-width: 767px){.fab{bottom:1rem;right:1rem;width:3rem;height:3rem}}@media(max-width: 767px){.btn-responsive{width:100%;padding:1rem 1.5rem}}@keyframes btn-loading{0%{width:0%}100%{width:100%}}.btn-loading-bar{position:absolute;bottom:0;left:0;height:2px;background:var(--gradient-primary);animation:btn-loading 2s ease-out infinite}.card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-base)}.card.card-interactive{transition:all var(--transition-base);cursor:pointer}.card.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-500)}.card.card-glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-backdrop);border-radius:1rem}.card-header{padding:1.5rem;border-bottom:1px solid var(--border-color-light);background:var(--bg-secondary)}.card-header.card-header-primary{background:var(--gradient-primary);color:#fff;border-bottom:none}.card-header.card-header-sm{padding:1rem}.card-body{padding:1.5rem;flex:1}.card-body.card-body-sm{padding:1rem}.card-body.card-body-lg{padding:2rem}.card-body>:first-child{margin-top:0}.card-body>:last-child{margin-bottom:0}.card-footer{padding:1.5rem;border-top:1px solid var(--border-color-light);background:var(--bg-secondary)}.card-footer.card-footer-sm{padding:1rem}.card-footer.card-footer-primary{background:var(--gradient-primary);color:#fff;border-top:none}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.card-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.card-text{color:var(--text-secondary);line-height:1.75;margin-bottom:1rem}.card-text:last-child{margin-bottom:0}.video-card,.video-card-minimal,.video-card-compact{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;overflow:hidden;transition:all var(--transition-base);cursor:pointer}.video-card:hover,.video-card-minimal:hover,.video-card-compact:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-500)}.video-card,.video-card-minimal,.video-card-compact{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;transition:all var(--transition-base)}.video-card:hover,.video-card-minimal:hover,.video-card-compact:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-500)}.video-card .video-cover,.video-card-minimal .video-cover,.video-card-compact .video-cover,.video-card .video-poster,.video-card-minimal .video-poster,.video-card-compact .video-poster{position:relative;overflow:hidden;background:var(--bg-secondary);aspect-ratio:3/4}.video-card .video-cover img,.video-card-minimal .video-cover img,.video-card-compact .video-cover img,.video-card .video-cover .cover-image,.video-card-minimal .video-cover .cover-image,.video-card-compact .video-cover .cover-image,.video-card .video-poster img,.video-card-minimal .video-poster img,.video-card-compact .video-poster img,.video-card .video-poster .cover-image,.video-card-minimal .video-poster .cover-image,.video-card-compact .video-poster .cover-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base);display:block}.video-card .video-cover:hover img,.video-card-minimal .video-cover:hover img,.video-card-compact .video-cover:hover img,.video-card .video-cover:hover .cover-image,.video-card-minimal .video-cover:hover .cover-image,.video-card-compact .video-cover:hover .cover-image,.video-card .video-poster:hover img,.video-card-minimal .video-poster:hover img,.video-card-compact .video-poster:hover img,.video-card .video-poster:hover .cover-image,.video-card-minimal .video-poster:hover .cover-image,.video-card-compact .video-poster:hover .cover-image{transform:scale(1.08)}.video-card .video-cover .card-gradient,.video-card-minimal .video-cover .card-gradient,.video-card-compact .video-cover .card-gradient,.video-card .video-poster .card-gradient,.video-card-minimal .video-poster .card-gradient,.video-card-compact .video-poster .card-gradient{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.6) 100%);z-index:1;pointer-events:none}.video-card .video-cover .video-type,.video-card-minimal .video-cover .video-type,.video-card-compact .video-cover .video-type,.video-card .video-poster .video-type,.video-card-minimal .video-poster .video-type,.video-card-compact .video-poster .video-type{position:absolute;top:.75rem;left:.75rem;padding:.25rem .75rem;background:rgba(0,0,0,.7);color:#fff;border-radius:.75rem;font-size:.75rem;font-weight:600;z-index:2;backdrop-filter:blur(4px)}.video-card .video-cover .video-badge,.video-card-minimal .video-cover .video-badge,.video-card-compact .video-cover .video-badge,.video-card .video-poster .video-badge,.video-card-minimal .video-poster .video-badge,.video-card-compact .video-poster .video-badge{position:absolute;top:.75rem;right:.75rem;padding:.25rem .75rem;background:var(--gradient-primary);color:#fff;border-radius:.75rem;font-size:.75rem;font-weight:600;z-index:2}.video-card .video-cover .video-status,.video-card-minimal .video-cover .video-status,.video-card-compact .video-cover .video-status,.video-card .video-poster .video-status,.video-card-minimal .video-poster .video-status,.video-card-compact .video-poster .video-status{position:absolute;bottom:.75rem;right:.75rem;background:rgba(0,0,0,.7);color:#fff;font-size:.75rem;z-index:2}.video-card .video-cover .video-overlay,.video-card-minimal .video-cover .video-overlay,.video-card-compact .video-cover .video-overlay,.video-card .video-poster .video-overlay,.video-card-minimal .video-poster .video-overlay,.video-card-compact .video-poster .video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;transition:opacity var(--transition-base);z-index:2}.video-card .video-cover .play-btn,.video-card-minimal .video-cover .play-btn,.video-card-compact .video-cover .play-btn,.video-card .video-cover .play-button,.video-card-minimal .video-cover .play-button,.video-card-compact .video-cover .play-button,.video-card .video-poster .play-btn,.video-card-minimal .video-poster .play-btn,.video-card-compact .video-poster .play-btn,.video-card .video-poster .play-button,.video-card-minimal .video-poster .play-button,.video-card-compact .video-poster .play-button{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:hsla(0,0%,100%,.9);border-radius:50%;color:var(--primary-500);transition:all var(--transition-base);cursor:pointer}.video-card .video-cover .play-btn .play-icon,.video-card-minimal .video-cover .play-btn .play-icon,.video-card-compact .video-cover .play-btn .play-icon,.video-card .video-cover .play-btn svg,.video-card-minimal .video-cover .play-btn svg,.video-card-compact .video-cover .play-btn svg,.video-card .video-cover .play-button .play-icon,.video-card-minimal .video-cover .play-button .play-icon,.video-card-compact .video-cover .play-button .play-icon,.video-card .video-cover .play-button svg,.video-card-minimal .video-cover .play-button svg,.video-card-compact .video-cover .play-button svg,.video-card .video-poster .play-btn .play-icon,.video-card-minimal .video-poster .play-btn .play-icon,.video-card-compact .video-poster .play-btn .play-icon,.video-card .video-poster .play-btn svg,.video-card-minimal .video-poster .play-btn svg,.video-card-compact .video-poster .play-btn svg,.video-card .video-poster .play-button .play-icon,.video-card-minimal .video-poster .play-button .play-icon,.video-card-compact .video-poster .play-button .play-icon,.video-card .video-poster .play-button svg,.video-card-minimal .video-poster .play-button svg,.video-card-compact .video-poster .play-button svg{width:1.5em;height:1.5em;margin-left:.25em}.video-card .video-cover .play-btn:hover,.video-card-minimal .video-cover .play-btn:hover,.video-card-compact .video-cover .play-btn:hover,.video-card .video-cover .play-button:hover,.video-card-minimal .video-cover .play-button:hover,.video-card-compact .video-cover .play-button:hover,.video-card .video-poster .play-btn:hover,.video-card-minimal .video-poster .play-btn:hover,.video-card-compact .video-poster .play-btn:hover,.video-card .video-poster .play-button:hover,.video-card-minimal .video-poster .play-button:hover,.video-card-compact .video-poster .play-button:hover{background:#fff;transform:scale(1.1)}.video-card .video-cover:hover .video-overlay,.video-card-minimal .video-cover:hover .video-overlay,.video-card-compact .video-cover:hover .video-overlay,.video-card .video-poster:hover .video-overlay,.video-card-minimal .video-poster:hover .video-overlay,.video-card-compact .video-poster:hover .video-overlay{opacity:1}.video-card .video-info,.video-card-minimal .video-info,.video-card-compact .video-info{flex:1;padding:1rem;display:flex;flex-direction:column}.video-card .video-info .video-title,.video-card-minimal .video-info .video-title,.video-card-compact .video-info .video-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.video-card .video-info .video-title .title-link,.video-card-minimal .video-info .video-title .title-link,.video-card-compact .video-info .video-title .title-link{color:var(--text-primary);text-decoration:none;transition:color var(--transition-base)}.video-card .video-info .video-title .title-link:hover,.video-card-minimal .video-info .video-title .title-link:hover,.video-card-compact .video-info .video-title .title-link:hover{color:var(--primary-500)}.video-card .video-info .video-meta,.video-card-minimal .video-info .video-meta,.video-card-compact .video-info .video-meta{font-size:.75rem;color:var(--text-tertiary);margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-card .video-info .video-desc,.video-card-minimal .video-info .video-desc,.video-card-compact .video-info .video-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;color:var(--text-secondary);margin-bottom:auto;line-height:1.5}.video-card .video-info .video-rating,.video-card-minimal .video-info .video-rating,.video-card-compact .video-info .video-rating{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color-light)}.video-card .video-info .video-rating .stars,.video-card-minimal .video-info .video-rating .stars,.video-card-compact .video-info .video-rating .stars{display:flex;gap:.25rem}.video-card .video-info .video-rating .stars .star,.video-card-minimal .video-info .video-rating .stars .star,.video-card-compact .video-info .video-rating .stars .star{color:#fbbf24;font-size:.75rem}.video-card .video-info .video-rating .score,.video-card-minimal .video-info .video-rating .score,.video-card-compact .video-info .video-rating .score{font-weight:600;color:var(--text-primary)}.video-card-compact .video-poster{aspect-ratio:16/9}.video-card-compact .video-info{padding:.75rem}.video-card-compact .video-info .video-title{font-size:.875rem;margin-bottom:.25rem}.video-card-minimal .video-poster{aspect-ratio:3/4}.video-card-minimal .video-info{padding:.75rem;background:var(--bg-secondary)}.video-card-minimal .video-info .video-title{font-size:.875rem;margin-bottom:.5rem}.video-card-minimal .video-info .video-meta,.video-card-minimal .video-info .video-desc,.video-card-minimal .video-info .video-rating{display:none}.stat-card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;overflow:hidden;transition:all var(--transition-base);cursor:pointer}.stat-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-glow)}.stat-card{padding:1.5rem;text-align:center}.stat-card .stat-icon{font-size:2.25rem;margin-bottom:1rem;color:var(--primary-500)}.stat-card .stat-value{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.stat-card .stat-label{font-size:.875rem;color:var(--text-secondary)}.stat-card .stat-change{margin-top:.75rem;font-size:.875rem;font-weight:600}.stat-card .stat-change.positive{color:var(--success-color)}.stat-card .stat-change.negative{color:var(--danger-color)}.feature-card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;overflow:hidden;transition:all var(--transition-base);cursor:pointer}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-500)}.feature-card{padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.feature-card .feature-icon{font-size:3rem;margin-bottom:1.5rem;color:var(--primary-500);opacity:.9}.feature-card .feature-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.feature-card .feature-desc{color:var(--text-secondary);line-height:1.75;margin-bottom:1rem}.feature-card .feature-link{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.feature-card .feature-link:disabled{opacity:.5;cursor:not-allowed}.feature-card .feature-link svg{width:1em;height:1em}.feature-card .feature-link{background:rgba(0,0,0,0);color:#fff;padding:.5rem .75rem}.feature-card .feature-link:hover:not(:disabled){background:var(--bg-tertiary)}.event-card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;overflow:hidden;transition:all var(--transition-base);cursor:pointer}.event-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-500)}.event-card{display:flex;gap:1rem;padding:1rem}.event-card .event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px;padding:1rem;background:var(--gradient-primary);color:#fff;border-radius:1rem;text-align:center}.event-card .event-date .day{font-size:1.5rem;font-weight:700}.event-card .event-date .month{font-size:.875rem;opacity:.9}.event-card .event-content{flex:1}.event-card .event-content .event-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.event-card .event-content .event-desc{color:var(--text-secondary);font-size:.875rem;margin-bottom:.75rem}.event-card .event-content .event-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-tertiary)}.event-card .event-content .event-meta span{display:flex;align-items:center;gap:.25rem}@media(max-width: 479px){.event-card{flex-direction:column}.event-card .event-date{min-width:auto;flex-direction:row;justify-content:flex-start}}.comment-card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;overflow:hidden;padding:1rem}.comment-card .comment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.comment-card .comment-header .avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--gradient-primary);flex-shrink:0}.comment-card .comment-header .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.comment-card .comment-header .author-info{flex:1}.comment-card .comment-header .author-info .author-name{font-weight:600;color:var(--text-primary)}.comment-card .comment-header .author-info .comment-time{font-size:.75rem;color:var(--text-tertiary)}.comment-card .comment-header .actions{display:flex;gap:.5rem}.comment-card .comment-body{color:var(--text-secondary);line-height:1.75;margin-bottom:1rem}.comment-card .comment-footer{display:flex;gap:1.5rem;padding-top:.75rem;border-top:1px solid var(--border-color-light)}.comment-card .comment-footer button{display:flex;align-items:center;gap:.25rem;color:var(--text-tertiary);font-size:.875rem;background:none;border:none;cursor:pointer;transition:color var(--transition-base)}.comment-card .comment-footer button:hover{color:var(--primary-500)}.card-border-primary{border:2px solid var(--primary-500)}.card-border-accent{border:2px solid var(--accent-500)}.card-shadow-glow{box-shadow:var(--shadow-glow)}.card-no-border{border:none}.card-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem}@media(min-width: 768px){.card-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem}}@media(min-width: 1024px){.card-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}}@media(min-width: 1280px){.card-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem}}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:1rem}.form-label .required{color:var(--danger-color);margin-left:.25rem}.form-help{margin-top:.5rem;font-size:.875rem;color:var(--text-tertiary)}.form-error{margin-top:.5rem;font-size:.875rem;color:var(--danger-color)}.form-success{margin-top:.5rem;font-size:.875rem;color:var(--success-color)}.form-control{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color-light);border-radius:.75rem;background:var(--bg-input);color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;transition:all var(--transition-base)}.form-control::placeholder{color:var(--text-muted)}.form-control:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(102,126,234,.1);background:var(--bg-card)}.form-control:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-control.form-control-sm{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color-light);border-radius:.75rem;background:var(--bg-input);color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;transition:all var(--transition-base)}.form-control.form-control-sm::placeholder{color:var(--text-muted)}.form-control.form-control-sm:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(102,126,234,.1);background:var(--bg-card)}.form-control.form-control-sm:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-control.form-control-sm{padding:.5rem .75rem;font-size:.875rem}.form-control.form-control-lg{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color-light);border-radius:.75rem;background:var(--bg-input);color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;transition:all var(--transition-base)}.form-control.form-control-lg::placeholder{color:var(--text-muted)}.form-control.form-control-lg:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(102,126,234,.1);background:var(--bg-card)}.form-control.form-control-lg:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-control.form-control-lg{padding:1rem 1.25rem;font-size:1.125rem}.form-control.has-error{border-color:var(--danger-color);background-color:rgba(239,68,68,.05)}.form-control.has-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1);border-color:var(--danger-color)}.form-control.has-success{border-color:var(--success-color);background-color:rgba(16,185,129,.05)}.form-control.has-success:focus{box-shadow:0 0 0 3px rgba(16,185,129,.1);border-color:var(--success-color)}.form-control .input-with-icon{position:relative}.form-control .input-with-icon input{padding-left:2.5rem}.form-control .input-with-icon .input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.form-control .input-with-icon.has-icon-right input{padding-right:2.5rem;padding-left:1rem}.form-control .input-with-icon.has-icon-right .input-icon{left:auto;right:.75rem}.search-input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color-light);border-radius:.75rem;background:var(--bg-input);color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;transition:all var(--transition-base)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(102,126,234,.1);background:var(--bg-card)}.search-input:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.search-input{padding:.75rem 1rem;padding-left:1.25rem;border-radius:50px;background:var(--glass-bg);border-color:var(--glass-border);backdrop-filter:var(--glass-backdrop);position:relative}.search-input::before{content:"🔍";position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.search-input input{width:100%;padding:.75rem 1rem .75rem 3rem;border-radius:50px;background:rgba(0,0,0,0);border:none;color:var(--text-primary);font-size:1rem}.search-input input::placeholder{color:var(--text-muted)}.search-input input:focus{outline:none}.form-textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color-light);border-radius:.75rem;background:var(--bg-input);color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;transition:all var(--transition-base)}.form-textarea::placeholder{color:var(--text-muted)}.form-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(102,126,234,.1);background:var(--bg-card)}.form-textarea:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-textarea{resize:vertical;min-height:120px;font-family:"Courier New",Courier,monospace}.form-textarea.form-textarea-sm{min-height:80px}.form-textarea.form-textarea-lg{min-height:160px}.form-textarea.auto-grow{resize:none}.form-select{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color-light);border-radius:.75rem;background:var(--bg-input);color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;transition:all var(--transition-base)}.form-select::placeholder{color:var(--text-muted)}.form-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(102,126,234,.1);background:var(--bg-card)}.form-select:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;appearance:none}.form-select.form-select-sm{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color-light);border-radius:.75rem;background:var(--bg-input);color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;transition:all var(--transition-base)}.form-select.form-select-sm::placeholder{color:var(--text-muted)}.form-select.form-select-sm:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(102,126,234,.1);background:var(--bg-card)}.form-select.form-select-sm:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-select.form-select-sm{padding:.5rem .75rem;font-size:.875rem;background-position:right .5rem center;padding-right:2rem}.form-select.form-select-lg{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color-light);border-radius:.75rem;background:var(--bg-input);color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;transition:all var(--transition-base)}.form-select.form-select-lg::placeholder{color:var(--text-muted)}.form-select.form-select-lg:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(102,126,234,.1);background:var(--bg-card)}.form-select.form-select-lg:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-select.form-select-lg{padding:1rem 1.25rem;font-size:1.125rem;background-position:right 1rem center;padding-right:3rem}.form-multiselect{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-color-light);border-radius:.75rem;background:var(--bg-input);color:var(--text-primary);font-size:1rem;font-family:inherit;outline:none;transition:all var(--transition-base)}.form-multiselect::placeholder{color:var(--text-muted)}.form-multiselect:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(102,126,234,.1);background:var(--bg-card)}.form-multiselect:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-multiselect{min-height:120px;padding:.75rem}.form-checkbox,.form-radio{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;cursor:pointer}.form-checkbox input,.form-radio input{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--primary-500)}.form-checkbox input:focus,.form-radio input:focus{outline:2px solid var(--primary-500);outline-offset:2px}.form-checkbox input:disabled,.form-radio input:disabled{cursor:not-allowed;opacity:.5}.form-checkbox label,.form-radio label{cursor:pointer;margin:0;user-select:none}.form-checkbox:last-child,.form-radio:last-child{margin-bottom:0}.form-checkbox-group,.form-radio-group{display:flex;flex-direction:column;gap:.75rem}.form-checkbox-group.form-checkbox-inline,.form-checkbox-group.form-radio-inline,.form-radio-group.form-checkbox-inline,.form-radio-group.form-radio-inline{flex-direction:row;flex-wrap:wrap}.form-checkbox-group.form-checkbox-inline .form-checkbox,.form-checkbox-group.form-checkbox-inline .form-radio,.form-checkbox-group.form-radio-inline .form-checkbox,.form-checkbox-group.form-radio-inline .form-radio,.form-radio-group.form-checkbox-inline .form-checkbox,.form-radio-group.form-checkbox-inline .form-radio,.form-radio-group.form-radio-inline .form-checkbox,.form-radio-group.form-radio-inline .form-radio{margin-right:1.5rem}.form-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer}.form-toggle input[type=checkbox]{position:relative;width:3rem;height:1.5rem;appearance:none;background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:50px;cursor:pointer;outline:none;transition:all var(--transition-base)}.form-toggle input[type=checkbox]::before{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:all var(--transition-base)}.form-toggle input[type=checkbox]:checked{background:var(--gradient-primary);border-color:var(--primary-500)}.form-toggle input[type=checkbox]:checked::before{transform:translateX(1.5rem)}.form-toggle input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.form-toggle label{margin:0;cursor:pointer;user-select:none}.form-rating{display:flex;gap:.5rem;font-size:1.5rem}.form-rating input{display:none}.form-rating label{cursor:pointer;color:#d1d5db;transition:color var(--transition-base);user-select:none}.form-rating label:hover,.form-rating label:hover~label{color:#fbbf24}.form-rating input:checked~label{color:#fbbf24}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width: 767px){.form-row{grid-template-columns:1fr;gap:1rem}}.form-row.form-row-3{grid-template-columns:repeat(3, 1fr)}@media(max-width: 767px){.form-row.form-row-3{grid-template-columns:1fr}}.form-row.form-row-4{grid-template-columns:repeat(4, 1fr)}@media(max-width: 767px){.form-row.form-row-4{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 479px){.form-row.form-row-4{grid-template-columns:1fr}}.form .form-group:last-child{margin-bottom:0}.form-footer{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color-light)}@media(max-width: 479px){.form-footer{flex-direction:column}}.input-wrapper{position:relative}.input-wrapper.with-prefix .form-control{padding-left:2.5rem}.input-wrapper.with-prefix .input-prefix{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.input-wrapper.with-suffix .form-control{padding-right:2.5rem}.input-wrapper.with-suffix .input-suffix{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.form-floating{position:relative}.form-floating .form-control{padding-top:1.5rem}.form-floating .form-control:focus~.form-label,.form-floating .form-control:not(:placeholder-shown)~.form-label{top:.25rem;font-size:.75rem;color:var(--primary-500)}.form-floating .form-label{position:absolute;top:1rem;left:1rem;margin:0;transition:all var(--transition-base);pointer-events:none}.badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap;background:var(--bg-tertiary);color:var(--text-primary)}.badge-info{background:rgba(59,130,246,.2);color:var(--info-color)}.badge-light{background:var(--bg-secondary);color:var(--text-primary)}.badge-dark{background:var(--bg-card);color:var(--text-secondary)}.badge-pill{border-radius:9999px;padding:.5rem 1rem}.badge-sm{padding:.25rem .5rem;font-size:.625rem}.badge-lg{padding:.5rem 1rem;font-size:.875rem}.tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.75rem;background:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem;border:1px solid var(--border-color-light);cursor:pointer;transition:all var(--transition-base)}.tag:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.tag.tag-primary{background:rgba(102,126,234,.2);color:var(--primary-500);border-color:var(--primary-500)}.tag.tag-success{background:rgba(16,185,129,.2);color:var(--success-color);border-color:var(--success-color)}.tag.tag-warning{background:rgba(245,158,11,.2);color:var(--warning-color);border-color:var(--warning-color)}.tag.tag-danger{background:rgba(239,68,68,.2);color:var(--danger-color);border-color:var(--danger-color)}.tag.tag-removable{padding-right:.5rem}.tag.tag-removable .tag-close{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin-left:.25rem;background:none;border:none;color:inherit;cursor:pointer;padding:0}.tag.tag-removable .tag-close:hover{opacity:.7}.tag-group{display:flex;flex-wrap:wrap;gap:.75rem}.tag-input{display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem;border:1.5px solid var(--border-color-light);border-radius:.75rem;background:var(--bg-input);min-height:2.5rem}.tag-input:focus-within{border-color:var(--primary-500);background:var(--bg-card)}.tag-input .tag{margin:0}.tag-input input{flex:1;min-width:5rem;border:none;background:none;color:var(--text-primary);outline:none;font-size:1rem}.tag-input input::placeholder{color:var(--text-muted)}.label{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:.5rem;font-size:.75rem;font-weight:500}.label-primary{background:rgba(102,126,234,.2);color:var(--primary-500)}.label-success{background:rgba(16,185,129,.2);color:var(--success-color)}.label-warning{background:rgba(245,158,11,.2);color:var(--warning-color)}.label-danger{background:rgba(239,68,68,.2);color:var(--danger-color)}.badge-number{position:relative;display:inline-block}.badge-number .number{position:absolute;top:-8px;right:-8px;min-width:1.5rem;height:1.5rem;padding:0 .25rem;background:var(--danger-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid var(--bg-base)}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem}.status-indicator .indicator{width:.75rem;height:.75rem;border-radius:50%;display:inline-block}.status-indicator .indicator.online{background:var(--success-color);box-shadow:0 0 8px var(--success-color)}.status-indicator .indicator.offline{background:var(--text-tertiary)}.status-indicator .indicator.busy{background:var(--warning-color)}.status-indicator .indicator.away{background:var(--info-color)}.progress-tag{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.progress-tag .progress-bar{width:80px;height:4px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.progress-tag .progress-bar .progress-fill{height:100%;background:var(--gradient-primary);border-radius:9999px}.progress-tag .progress-value{min-width:40px;text-align:right;color:var(--text-primary);font-weight:600}.category-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:9999px;font-size:.875rem;font-weight:500;border:1px solid var(--border-color-light);cursor:pointer;transition:all var(--transition-base)}.category-tag:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.category-tag.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-500)}.category-tag svg{width:1em;height:1em}.skill-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color-light);border-radius:.75rem;color:var(--text-primary);font-size:.875rem;cursor:default}.skill-tag .skill-level{display:flex;gap:2px}.skill-tag .skill-level .level{width:4px;height:10px;background:var(--text-tertiary);border-radius:2px}.skill-tag .skill-level .level.active{background:var(--primary-500)}.color-tag{display:flex;align-items:center;gap:.5rem}.color-tag .color-swatch{width:1.25rem;height:1.25rem;border-radius:.5rem;border:2px solid var(--border-color-light)}.color-tag .color-name{font-size:.875rem;color:var(--text-primary)}.color-tag .color-code{font-size:.75rem;color:var(--text-tertiary);font-family:"Courier New",Courier,monospace}.required-mark{display:inline;color:var(--danger-color);font-weight:700;margin-left:.25rem}.pagination,.pagination-simple{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem 0}@media(max-width: 767px){.pagination,.pagination-simple{margin:1.5rem 0;gap:.75rem}}.pagination .pagination-wrapper,.pagination-simple .pagination-wrapper{display:flex;align-items:center;justify-content:center}.pagination.pagination-center .pagination-wrapper,.pagination-center.pagination-simple .pagination-wrapper{justify-content:center}.pagination.pagination-end .pagination-wrapper,.pagination-end.pagination-simple .pagination-wrapper{justify-content:flex-end}.pagination.pagination-space-between .pagination-wrapper,.pagination-space-between.pagination-simple .pagination-wrapper{justify-content:space-between}.page-numbers{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}@media(max-width: 767px){.page-numbers{gap:.25rem}}.page-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-base)}.page-btn:hover:not(.disabled){background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.page-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.page-btn svg{width:1em;height:1em}@media(max-width: 767px){.page-btn{padding:.5rem .75rem;font-size:.75rem}}.page-num{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;border:1px solid var(--border-color-light);border-radius:.75rem;background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.page-num:hover:not(.active){background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.page-num.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-500);cursor:default}@media(max-width: 767px){.page-num{min-width:2rem;height:2rem;font-size:.875rem;padding:0 .5rem}}.page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;color:var(--text-tertiary);font-size:1rem;user-select:none}.page-item{display:inline-flex}.page-item.disabled .page-link{opacity:.5;cursor:not-allowed;pointer-events:none}.page-item.active .page-link{background:var(--gradient-primary);color:#fff;border-color:var(--primary-500);cursor:default}.page-item.active .page-link:hover{background:var(--gradient-primary)}.page-link{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;border:1px solid var(--border-color-light);border-radius:.75rem;background:rgba(0,0,0,0);color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.page-link:hover:not(.disabled){background:var(--bg-tertiary);border-color:var(--primary-500);color:var(--primary-500)}.page-link:active{transform:scale(0.98)}.page-link svg{width:1em;height:1em}.page-arrow{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;border:1px solid var(--border-color-light);border-radius:.75rem;background:rgba(0,0,0,0);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base)}.page-arrow svg{width:1.25em;height:1.25em}.page-arrow:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-500);color:var(--primary-500)}.page-arrow:disabled{opacity:.5;cursor:not-allowed}.pagination-info{display:flex;align-items:center;gap:1rem;margin:0 1rem;font-size:.875rem;color:var(--text-secondary)}.pagination-info .info-text{white-space:nowrap}.pagination-info .info-value{font-weight:600;color:var(--text-primary)}@media(max-width: 767px){.pagination-info{margin:0 .5rem;gap:.5rem}}.page-select{display:flex;align-items:center;gap:.5rem;margin-left:1rem}.page-select label{font-size:.875rem;color:var(--text-secondary);margin:0}.page-select select{padding:.5rem .75rem;border:1px solid var(--border-color-light);border-radius:.75rem;background:var(--bg-input);color:var(--text-primary);font-size:.875rem;cursor:pointer;outline:none;transition:all var(--transition-base)}.page-select select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(102,126,234,.1)}@media(max-width: 767px){.page-select{margin-left:auto;gap:.25rem}.page-select label{display:none}}.pagination-simple{background:rgba(0,0,0,0);border:none;padding:1rem 0}.pagination-simple .page-link{border-color:rgba(0,0,0,0)}.pagination-simple .page-link:hover:not(.disabled){background:rgba(0,0,0,0);border-color:var(--primary-500)}.pagination-more{text-align:center;margin:2rem 0}.pagination-more .btn-load-more{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.pagination-more .btn-load-more:disabled{opacity:.5;cursor:not-allowed}.pagination-more .btn-load-more svg{width:1em;height:1em}.pagination-more .btn-load-more{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.pagination-more .btn-load-more:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.4)}.pagination-more .btn-load-more:active:not(:disabled){transform:translateY(0)}.pagination-more .btn-load-more{width:100%}.pagination-more .btn-load-more.loading{pointer-events:none;opacity:.7}.pagination-more .pagination-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary)}.pagination-more .pagination-loading .spinner{width:1.5rem;height:1.5rem;border:2px solid var(--border-color-light);border-top-color:var(--primary-500);border-radius:50%;animation:spin-animation .8s linear infinite}.infinite-scroll .infinite-scroll-loader{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:var(--text-secondary)}.infinite-scroll .infinite-scroll-loader .loader{display:flex;gap:.5rem}.infinite-scroll .infinite-scroll-loader .loader .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--primary-500);animation:pulse-animation 1.4s ease-in-out infinite}.infinite-scroll .infinite-scroll-loader .loader .dot:nth-child(1){animation-delay:0s}.infinite-scroll .infinite-scroll-loader .loader .dot:nth-child(2){animation-delay:.2s}.infinite-scroll .infinite-scroll-loader .loader .dot:nth-child(3){animation-delay:.4s}.infinite-scroll .infinite-scroll-loader .loading-text{font-size:.875rem}.infinite-scroll .infinite-scroll-end{text-align:center;padding:1.5rem;color:var(--text-tertiary);font-size:.875rem}.step-pagination{display:flex;align-items:center;gap:1rem;padding:1.5rem}@media(max-width: 767px){.step-pagination{flex-direction:column;gap:1.5rem}}.step-pagination .step-item{display:flex;align-items:center;gap:1rem;flex:1;position:relative}@media(max-width: 767px){.step-pagination .step-item{flex-direction:column;width:100%}.step-pagination .step-item::after{display:none !important}}.step-pagination .step-item::after{content:"";position:absolute;top:50%;right:-2.5rem;width:2rem;height:2px;background:var(--border-color-light);transform:translateY(-50%);z-index:-1}.step-pagination .step-item:last-child::after{display:none}.step-pagination .step-item.active::after{background:var(--primary-500)}.step-pagination .step-item .step-number{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color-light);font-weight:700;transition:all var(--transition-base);flex-shrink:0}.step-pagination .step-item .step-number svg{width:1.25em;height:1.25em}.step-pagination .step-item .step-content{flex:1}.step-pagination .step-item .step-content .step-title{font-weight:600;color:var(--text-primary)}.step-pagination .step-item .step-content .step-desc{font-size:.875rem;color:var(--text-secondary)}.step-pagination .step-item.active .step-number{background:var(--gradient-primary);color:#fff;border-color:var(--primary-500);box-shadow:var(--shadow-glow)}.step-pagination .step-item.completed .step-number{background:var(--success-color);color:#fff;border-color:var(--success-color)}.pagination-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;margin-top:1.5rem}@media(max-width: 767px){.pagination-bar{flex-direction:column;gap:1rem}.pagination-bar .pagination-info,.pagination-bar .pagination,.pagination-bar .pagination-simple{width:100%;justify-content:center}}.pagination-bar .pagination-left{display:flex;align-items:center;gap:1.5rem}.pagination-bar .pagination-right{display:flex;align-items:center;gap:1rem}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 0;font-size:.875rem;list-style:none;margin:0}.breadcrumb.breadcrumb-striped{padding:1rem;background:var(--bg-secondary);border-radius:1rem;margin-bottom:1.5rem}.breadcrumb.breadcrumb-large{font-size:1rem;gap:1rem}.breadcrumb.breadcrumb-small{font-size:.75rem;gap:.5rem}.breadcrumb-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.breadcrumb-item.active{color:var(--text-primary);font-weight:600}.breadcrumb-item a{color:var(--primary-500);text-decoration:none;transition:color var(--transition-base)}.breadcrumb-item a:hover{color:var(--primary-600);text-decoration:underline}.breadcrumb-item::after{content:"/";margin-left:.5rem;color:var(--text-tertiary)}.breadcrumb-item:last-child::after{display:none}.breadcrumb-item svg{width:1em;height:1em;margin-right:.25rem}.breadcrumb-item.breadcrumb-separator-dot::after{content:"•"}.breadcrumb-item.breadcrumb-separator-arrow::after{content:"→"}.breadcrumb-item.breadcrumb-separator-backslash::after{content:"\\"}.breadcrumb-item.breadcrumb-separator-greater::after{content:">"}.breadcrumb-item.breadcrumb-separator-dash::after{content:"–"}.breadcrumb-minimal{padding:.75rem 0;gap:.5rem}.breadcrumb-minimal .breadcrumb-item{font-size:.75rem}.breadcrumb-minimal .breadcrumb-item::after{content:"·";margin:0 .25rem}.breadcrumb-solid{padding:1rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem}.breadcrumb-solid .breadcrumb-item{padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:.75rem;margin-right:.5rem}.breadcrumb-solid .breadcrumb-item::after{display:none}.breadcrumb-solid .breadcrumb-item:last-child{margin-right:0}.breadcrumb-solid .breadcrumb-item a{color:var(--primary-500)}.breadcrumb-solid .breadcrumb-item a:hover{color:var(--primary-600)}.breadcrumb-solid .breadcrumb-item.active{background:var(--gradient-primary);color:#fff}.breadcrumb-solid .breadcrumb-item.active a{color:#fff}.breadcrumb-solid .breadcrumb-item.active a:hover{color:#fff;text-decoration:none}.breadcrumb-outline{padding:.75rem;gap:.5rem;background:var(--bg-secondary);border-radius:1rem}.breadcrumb-outline .breadcrumb-item{padding:.5rem 1rem;border:1px solid var(--border-color-light);border-radius:.75rem;background:rgba(0,0,0,0)}.breadcrumb-outline .breadcrumb-item::after{display:none}.breadcrumb-outline .breadcrumb-item a{color:var(--primary-500)}.breadcrumb-outline .breadcrumb-item.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-500)}.breadcrumb-outline .breadcrumb-item.active a{color:#fff}.breadcrumb-outline .breadcrumb-item.active a:hover{color:#fff}.breadcrumb-nav{display:flex;align-items:center;gap:.25rem;padding:1rem;background:var(--bg-card);border-radius:1rem;margin-bottom:1.5rem;border:1px solid var(--border-color-light)}@media(max-width: 767px){.breadcrumb-nav{padding:.75rem;margin-bottom:1rem;font-size:.875rem}}.breadcrumb-nav a{color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base);padding:.5rem .75rem;border-radius:.5rem}.breadcrumb-nav a:hover{color:var(--primary-500);background:var(--bg-tertiary)}.breadcrumb-nav a.active{color:var(--primary-500);font-weight:600}.breadcrumb-nav span{color:var(--text-tertiary);margin:0 .25rem}.breadcrumb-nav span.separator{margin:0 .5rem}.breadcrumb-dynamic{position:relative;padding:1rem;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-backdrop);border-radius:1rem;margin-bottom:1.5rem}.breadcrumb-dynamic .breadcrumb-list{display:flex;align-items:center;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.breadcrumb-dynamic .breadcrumb-list::-webkit-scrollbar{width:8px;height:8px}.breadcrumb-dynamic .breadcrumb-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.breadcrumb-dynamic .breadcrumb-list::-webkit-scrollbar-thumb{background:var(--primary-500);border-radius:4px;transition:background var(--transition-base)}.breadcrumb-dynamic .breadcrumb-list::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}.breadcrumb-dynamic .breadcrumb-list .breadcrumb-item{display:flex;align-items:center;gap:.5rem;white-space:nowrap;padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:.75rem;cursor:pointer;transition:all var(--transition-base)}.breadcrumb-dynamic .breadcrumb-list .breadcrumb-item:hover{background:var(--bg-card-hover);color:var(--primary-500)}.breadcrumb-dynamic .breadcrumb-list .breadcrumb-item.active{background:var(--gradient-primary);color:#fff}.breadcrumb-dynamic .breadcrumb-list .breadcrumb-item::after{display:none}.breadcrumb-dynamic .breadcrumb-list .breadcrumb-item .breadcrumb-label{color:inherit}.breadcrumb-dynamic .breadcrumb-list .breadcrumb-item .breadcrumb-remove{display:none;width:1rem;height:1rem;background:none;border:none;color:inherit;cursor:pointer;font-size:.875rem}.breadcrumb-dynamic .breadcrumb-list .breadcrumb-item .breadcrumb-remove:hover{opacity:.7}.breadcrumb-dynamic .breadcrumb-list .breadcrumb-item:hover .breadcrumb-remove{display:block}.breadcrumb-dynamic .breadcrumb-clear{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.breadcrumb-dynamic .breadcrumb-clear:disabled{opacity:.5;cursor:not-allowed}.breadcrumb-dynamic .breadcrumb-clear svg{width:1em;height:1em}.breadcrumb-dynamic .breadcrumb-clear{background:rgba(0,0,0,0);color:#fff;padding:.5rem .75rem}.breadcrumb-dynamic .breadcrumb-clear:hover:not(:disabled){background:var(--bg-tertiary)}.breadcrumb-dynamic .breadcrumb-clear{font-size:.75rem}.breadcrumb-loading .breadcrumb-item{position:relative;color:var(--text-muted)}.breadcrumb-loading .breadcrumb-item::before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);animation:loading-shimmer-animation 1.5s infinite}.breadcrumb-loading .breadcrumb-item a{pointer-events:none;color:var(--text-muted)}@media(max-width: 767px){.breadcrumb{font-size:.75rem;gap:.5rem}.breadcrumb .breadcrumb-item::after{margin:0 .25rem}.breadcrumb-striped{padding:.75rem;margin-bottom:1rem}.breadcrumb-solid .breadcrumb-item{padding:.5rem;margin-right:.25rem}}.breadcrumb-dark{background:var(--bg-secondary);color:var(--text-primary)}.breadcrumb-light{background:hsla(0,0%,100%,.1);color:var(--text-primary)}.breadcrumb-primary{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3)}.breadcrumb-primary .breadcrumb-item a{color:var(--primary-500)}.breadcrumb-primary .breadcrumb-item.active{background:var(--primary-500);color:#fff}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.container.container-sm{max-width:640px}.container.container-md{max-width:768px}.container.container-lg{max-width:1024px}.container.container-xl{max-width:1280px}.container.container-2xl{max-width:1536px}.container.container-fluid{max-width:100%}@media(min-width: 768px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width: 1024px){.container{padding-left:2rem;padding-right:2rem}}@media(max-width: 767px){.container{padding-left:1rem;padding-right:1rem}}@media(max-width: 479px){.container{padding-left:.75rem;padding-right:.75rem}}.container-fluid{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(min-width: 768px){.container-fluid{padding-left:1.5rem;padding-right:1.5rem}}@media(max-width: 767px){.container-fluid{padding-left:1rem;padding-right:1rem}}.content-width{width:100%;max-width:800px;margin-left:auto;margin-right:auto}.content-width.content-width-narrow{max-width:650px}.content-width.content-width-wide{max-width:1000px}.wrapper{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-base);color:var(--text-primary)}.wrapper-main{flex:1;padding:2rem 0}@media(max-width: 767px){.wrapper-main{padding:1.5rem 0}}@media(max-width: 479px){.wrapper-main{padding:1rem 0}}.section{padding:3rem 1rem}@media(min-width: 768px){.section{padding:4rem 1rem}}@media(max-width: 767px){.section{padding:2rem 1rem}}.section.section-sm{padding:2rem 1rem}@media(min-width: 768px){.section.section-sm{padding:2.5rem 1rem}}.section.section-lg{padding:4rem 1rem}@media(min-width: 768px){.section.section-lg{padding:5rem 1rem}}.section.section-xl{padding:5rem 1rem}@media(min-width: 768px){.section.section-xl{padding:6rem 1rem}}.section.section-primary{background:var(--gradient-primary);color:#fff}.section.section-secondary{background:var(--bg-secondary)}.section.section-tertiary{background:var(--bg-tertiary)}.section.section-glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(10px)}.section.section-light{background:var(--bg-primary)}.section.section-dark{background:var(--bg-secondary)}.layout-two-column{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width: 767px){.layout-two-column{grid-template-columns:1fr;gap:1.5rem}}.layout-two-column.layout-sidebar-left{grid-template-columns:280px 1fr;gap:1.5rem}@media(max-width: 1023px){.layout-two-column.layout-sidebar-left{grid-template-columns:240px 1fr}}@media(max-width: 767px){.layout-two-column.layout-sidebar-left{grid-template-columns:1fr}}.layout-two-column.layout-sidebar-right{grid-template-columns:1fr 280px;gap:1.5rem}@media(max-width: 1023px){.layout-two-column.layout-sidebar-right{grid-template-columns:1fr 240px}}@media(max-width: 767px){.layout-two-column.layout-sidebar-right{grid-template-columns:1fr}.layout-two-column.layout-sidebar-right .sidebar{order:2}.layout-two-column.layout-sidebar-right .main-content{order:1}}.layout-three-column{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}@media(min-width: 1024px){.layout-three-column{grid-template-columns:1fr 1fr}}@media(max-width: 767px){.layout-three-column{grid-template-columns:1fr;gap:1.5rem}}.main-content{display:flex;flex-direction:column;gap:1.5rem}.main-content>*:first-child{margin-top:0}.main-content>*:last-child{margin-bottom:0}.sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar .sidebar-section{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem}.sidebar .sidebar-section:first-child{margin-top:0}.sidebar .sidebar-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-500);color:var(--text-primary)}.sidebar .sidebar-menu{list-style:none;margin:0;padding:0}.sidebar .sidebar-menu .menu-item{margin-bottom:.5rem}.sidebar .sidebar-menu .menu-item:last-child{margin-bottom:0}.sidebar .sidebar-menu .menu-item a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:.75rem;transition:all var(--transition-base)}.sidebar .sidebar-menu .menu-item a svg{width:1.25em;height:1.25em;flex-shrink:0}.sidebar .sidebar-menu .menu-item a:hover{background:var(--bg-tertiary);color:var(--primary-500)}.sidebar .sidebar-menu .menu-item a.active{background:var(--gradient-primary);color:#fff;font-weight:600}.grid-1{display:grid;grid-template-columns:1fr}.grid-2{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem}@media(max-width: 767px){.grid-2{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}@media(min-width: 768px){.grid-3{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){.grid-3{grid-template-columns:1fr}}.grid-4{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem}@media(min-width: 1024px){.grid-4{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 768px){.grid-4{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){.grid-4{grid-template-columns:1fr}}.grid-6{display:grid;grid-template-columns:repeat(6, 1fr);gap:1rem}@media(min-width: 1280px){.grid-6{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 1024px){.grid-6{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 768px){.grid-6{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 767px){.grid-6{grid-template-columns:1fr}}.flex-row{display:flex;flex-direction:row;gap:1rem}.flex-column{display:flex;flex-direction:column;gap:1rem}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{display:flex;flex-wrap:wrap;gap:1rem}.header{position:fixed;top:0;left:0;right:0;z-index:1030;background:var(--glass-bg);border-bottom:1px solid var(--glass-border);backdrop-filter:var(--glass-backdrop);transition:all var(--transition-base)}.header.scrolled{background:rgba(30,58,95,.95);box-shadow:var(--shadow-lg)}.header.header-scrolled{background:rgba(30,58,95,.95);box-shadow:var(--shadow-lg)}.header.header-solid{background:var(--bg-primary);border-bottom:1px solid var(--border-color-light)}.header .container{padding:0 1rem}@media(max-width: 767px){.header .container{padding:0 1rem}}.header-container{display:flex;align-items:center;justify-content:space-between;height:5rem;gap:1rem;width:100%;position:relative}@media(max-width: 767px){.header-container{height:3.5rem;gap:.75rem}}@media(max-width: 479px){.header-container{height:3rem;gap:.5rem}}.header-container .logo{flex-shrink:0;order:1}.header-container .nav-desktop{order:2}.header-container .search-box{order:3}.header-container .mobile-menu-btn{order:4}@media(max-width: 767px){.header-container .logo{order:1;flex:0 0 auto}.header-container .mobile-menu-btn{order:2;flex:0 0 auto;margin-left:auto}}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.25rem;flex-shrink:0;transition:all var(--transition-base)}.logo:hover{color:var(--primary-500)}.logo .logo-img,.logo img{width:auto;display:block}@media(max-width: 767px){.logo .logo-img,.logo img{height:40px}}.logo .logo-text{display:flex;flex-direction:column;gap:0}.logo .logo-text .logo-name{font-weight:700;color:var(--text-primary)}.logo .logo-text .logo-tagline{font-size:.75rem;color:var(--text-secondary);font-weight:400}@media(max-width: 767px){.logo .logo-text{display:none}}.nav-desktop{display:flex;align-items:center;gap:1rem;flex:1 1 auto;margin-left:1.5rem;min-width:0;overflow:hidden}@media(max-width: 767px){.nav-desktop{display:none}}@media(max-width: 1023px){.nav-desktop{gap:.75rem;margin-left:1rem}}@media(max-width: 1279px){.nav-desktop{gap:.5rem;margin-left:.75rem}}.nav-desktop .nav-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-weight:500;padding:.5rem .75rem;border-radius:.75rem;transition:all var(--transition-base);position:relative}.nav-desktop .nav-item:hover{color:var(--primary-500);background:var(--bg-tertiary)}.nav-desktop .nav-item.active{color:var(--primary-500);background:var(--bg-tertiary)}.nav-desktop .nav-item.active::after{content:"";position:absolute;bottom:0;left:.75rem;right:.75rem;height:2px;background:var(--primary-500);border-radius:9999px}.nav-desktop .nav-item svg{width:1.25em;height:1.25em}.nav-desktop .nav-divider{width:1px;height:1.5rem;background:var(--border-color-light)}.mobile-nav{display:none}@media(max-width: 767px){.mobile-nav{display:flex;flex-direction:column;gap:0;padding:1rem;background:var(--bg-primary);align-items:stretch;overflow-y:auto}.mobile-nav::-webkit-scrollbar{width:8px;height:8px}.mobile-nav::-webkit-scrollbar-track{background:var(--bg-secondary)}.mobile-nav::-webkit-scrollbar-thumb{background:var(--primary-500);border-radius:4px;transition:background var(--transition-base)}.mobile-nav::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}}.mobile-nav .nav-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-weight:500;padding:.75rem;border-radius:0;border-bottom:1px solid var(--border-color-light);transition:all var(--transition-base);position:relative;gap:.75rem}.mobile-nav .nav-item:hover{color:var(--primary-500);background:var(--bg-tertiary)}.mobile-nav .nav-item.active{color:var(--primary-500);background:var(--bg-secondary)}.mobile-nav .nav-item.active::after{display:none}.mobile-nav .nav-item svg{width:1.25em;height:1.25em}.header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}@media(max-width: 767px){.header-actions{gap:.5rem}.header-actions .action-text{display:none}}.header-actions .action-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;padding:.5rem .75rem;border-radius:.75rem;transition:all var(--transition-base);cursor:pointer;position:relative}.header-actions .action-item:hover{color:var(--primary-500);background:var(--bg-tertiary)}.header-actions .action-item svg{width:1.25em;height:1.25em}.header-actions .action-item .badge{position:absolute;top:-0.5rem;right:-0.5rem;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--danger-color);color:#fff;font-size:.75rem;font-weight:700;border:2px solid var(--bg-primary)}.search-box{flex:0 1 auto;min-width:200px;max-width:400px;margin:0 1rem;flex-shrink:1}@media(max-width: 1023px){.search-box{max-width:300px;margin:0 .5rem;min-width:150px}}@media(max-width: 767px){.search-box{display:none}}.search-box .search-form{display:flex;align-items:center;gap:.5rem;padding:0 1rem;background:var(--bg-secondary);border-radius:50px;height:3rem;border:1px solid var(--border-color-light);transition:all var(--transition-base)}.search-box .search-form:focus-within{background:var(--bg-card);border-color:var(--primary-500);box-shadow:var(--shadow-glow)}.search-box .search-form .search-input{flex:1;border:none;background:none;color:var(--text-primary);outline:none;font-size:1rem;height:100%;padding:0;line-height:1.5}.search-box .search-form .search-input::placeholder{color:var(--text-muted)}.search-box .search-form .search-btn{display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-tertiary);cursor:pointer;padding:0;transition:color var(--transition-base);flex-shrink:0}.search-box .search-form .search-btn:hover{color:var(--primary-500)}.search-box .search-form .search-btn svg{width:1.25em;height:1.25em}.mobile-search{display:none;padding:1rem;border-bottom:1px solid var(--border-color-light);background:var(--bg-primary)}@media(max-width: 767px){.mobile-search{display:block}}.mobile-search .search-form{display:flex;align-items:center;gap:.5rem;padding:0 1rem;background:var(--bg-secondary);border-radius:50px;height:2.5rem;border:1px solid var(--border-color-light);transition:all var(--transition-base)}.mobile-search .search-form:focus-within{background:var(--bg-card);border-color:var(--primary-500);box-shadow:var(--shadow-glow)}.mobile-search .search-form .search-input{flex:1;border:none;background:none;color:var(--text-primary);outline:none;font-size:1rem}.mobile-search .search-form .search-input::placeholder{color:var(--text-muted)}.mobile-search .search-form .search-btn{display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-tertiary);cursor:pointer;padding:0;transition:color var(--transition-base)}.mobile-search .search-form .search-btn:hover{color:var(--primary-500)}.mobile-search .search-form .search-btn svg{width:1.25em;height:1.25em}.mobile-menu-btn{display:none;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;border:none;background:var(--bg-tertiary);color:var(--text-primary);border-radius:.75rem;cursor:pointer;transition:all var(--transition-base);flex-shrink:0;z-index:1001;position:relative;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media(min-width: 768px){.mobile-menu-btn{display:none !important}}.mobile-menu-btn .menu-icon{display:flex;flex-direction:column;gap:4px;width:1.5em;height:1.5em;position:relative;pointer-events:none}.mobile-menu-btn .menu-icon span{width:100%;height:2px;background:currentColor;border-radius:2px;transition:all .3s ease;display:block}.mobile-menu-btn:hover,.mobile-menu-btn:active{background:var(--bg-card-hover);color:var(--primary-500)}.mobile-menu-btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.mobile-menu-btn.active{background:var(--bg-card-hover);color:var(--primary-500)}.mobile-menu-btn.active .menu-icon span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.mobile-menu-btn.active .menu-icon span:nth-child(2){opacity:0}.mobile-menu-btn.active .menu-icon span:nth-child(3){transform:rotate(-45deg) translate(7px, -6px)}@media(max-width: 767px){.mobile-menu-btn{display:flex}}.mobile-menu{display:none}@media(max-width: 767px){.mobile-menu{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;transform:translateX(-100%);transition:transform .3s ease-in-out;pointer-events:none;visibility:hidden}.mobile-menu.active{transform:translateX(0);pointer-events:auto;visibility:visible}}.mobile-menu .mobile-menu-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:1;opacity:0;transition:opacity .3s ease-in-out}.mobile-menu.active .mobile-menu-overlay{opacity:1}.mobile-menu .mobile-menu-content{position:relative;width:80%;max-width:320px;height:100%;background:var(--bg-primary);border-right:1px solid var(--border-color-light);overflow-y:auto}.mobile-menu .mobile-menu-content::-webkit-scrollbar{width:8px;height:8px}.mobile-menu .mobile-menu-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.mobile-menu .mobile-menu-content::-webkit-scrollbar-thumb{background:var(--primary-500);border-radius:4px;transition:background var(--transition-base)}.mobile-menu .mobile-menu-content::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}.mobile-menu .mobile-menu-content{z-index:1050;box-shadow:var(--shadow-xl);padding-top:3.5rem}@media(max-width: 479px){.mobile-menu .mobile-menu-content{padding-top:3rem}}body.has-fixed-header{padding-top:4rem}@media(max-width: 767px){body.has-fixed-header{padding-top:3.5rem}}@media(max-width: 479px){body.has-fixed-header{padding-top:3rem}}.header-primary{background:var(--gradient-primary);border-bottom:none;color:#fff}.header-primary .header-logo,.header-primary .nav-item,.header-primary .action-item{color:#fff}.header-primary .header-logo:hover,.header-primary .nav-item:hover,.header-primary .action-item:hover{color:hsla(0,0%,100%,.8);background:hsla(0,0%,100%,.1)}.header-primary .header-logo.active,.header-primary .nav-item.active,.header-primary .action-item.active{color:hsla(0,0%,100%,.9)}.header-transparent{background:rgba(0,0,0,0);border-bottom:none}.header-transparent.header-scrolled{background:var(--glass-bg);border-bottom:1px solid var(--glass-border)}.header-dropdown{position:relative}.header-dropdown .dropdown-toggle{display:flex;align-items:center;gap:.5rem}.header-dropdown .dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;margin-top:.25rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;box-shadow:var(--shadow-lg);padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-base);z-index:1000}.header-dropdown .dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.header-dropdown .dropdown-menu .dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;border-radius:.75rem;transition:all var(--transition-base);cursor:pointer}.header-dropdown .dropdown-menu .dropdown-item:hover{background:var(--bg-tertiary);color:var(--primary-500)}.header-dropdown .dropdown-menu .dropdown-item.active{background:var(--gradient-primary);color:#fff}.header-dropdown .dropdown-menu .dropdown-item svg{width:1.25em;height:1.25em}.header-dropdown .dropdown-menu .dropdown-divider{height:1px;background:var(--border-color-light);margin:.5rem 0}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color-light);margin-top:auto;padding:3rem 1rem 1.5rem;color:var(--text-secondary)}@media(max-width: 767px){.footer{padding:2rem 1rem 1rem}}@media(max-width: 479px){.footer{padding:1.5rem 1rem .75rem}}.footer a{color:var(--primary-500);text-decoration:none;transition:color var(--transition-base)}.footer a:hover{color:var(--primary-600);text-decoration:underline}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-bottom:2rem}@media(max-width: 767px){.footer-content{grid-template-columns:repeat(2, 1fr);gap:1.5rem;margin-bottom:1.5rem}}@media(max-width: 479px){.footer-content{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}}.footer-content .footer-section{display:flex;flex-direction:column;gap:1rem}.footer-content .footer-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.footer-content .footer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.footer-content .footer-list .footer-list-item{margin:0}.footer-content .footer-list .footer-list-item a{display:flex;align-items:center;gap:.5rem;padding:.25rem;color:var(--text-secondary)}.footer-content .footer-list .footer-list-item a:hover{color:var(--primary-500)}.footer-content .footer-list .footer-list-item a svg{width:1em;height:1em;flex-shrink:0}.footer-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:1rem;font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}@media(max-width: 767px){.footer-info{flex-direction:column;text-align:center}}.footer-info .info-item{display:flex;align-items:center;gap:.5rem}.footer-info .info-item svg{width:1.25em;height:1.25em;color:var(--primary-500)}.footer-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--border-color-light);margin-bottom:1.5rem}@media(max-width: 767px){.footer-nav{gap:.75rem;font-size:.875rem}}.footer-nav a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base)}.footer-nav a:hover{color:var(--primary-500)}.footer-nav span{color:var(--text-tertiary)}.footer-nav span.separator{margin:0 .5rem}.footer-social{display:flex;align-items:center;gap:1rem;justify-content:center;padding:1rem;margin-bottom:1.5rem}.footer-social .social-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:50%;transition:all var(--transition-base);cursor:pointer}.footer-social .social-link svg{width:1.25em;height:1.25em}.footer-social .social-link:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px)}.footer-social .social-link.facebook:hover{background:#1877f2}.footer-social .social-link.twitter:hover{background:#1da1f2}.footer-social .social-link.youtube:hover{background:red}.footer-social .social-link.instagram:hover{background:linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)}.footer-social .social-link.tiktok:hover{background:#000}.footer-social .social-link.github:hover{background:#333}.footer-bottom{padding:1rem;border-top:1px solid var(--border-color-light);text-align:center;font-size:.875rem;color:var(--text-tertiary)}@media(max-width: 767px){.footer-bottom{font-size:.75rem}}.footer-bottom .copyright{margin-bottom:.5rem}.footer-bottom .copyright:last-child{margin-bottom:0}.footer-bottom a{color:var(--primary-500);text-decoration:none}.footer-bottom a:hover{text-decoration:underline}.footer-primary{background:var(--gradient-primary);color:#fff;border-top:none}.footer-primary .footer-title{color:#fff}.footer-primary a{color:hsla(0,0%,100%,.8)}.footer-primary a:hover{color:#fff}.footer-primary .footer-nav{border-top-color:hsla(0,0%,100%,.2)}.footer-primary .footer-nav span.separator{color:hsla(0,0%,100%,.4)}.footer-primary .footer-bottom{border-top-color:hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.7)}.footer-dark{background:var(--bg-primary);border-top-color:var(--border-color)}.footer-light{background:var(--bg-card);border-top-color:var(--border-color-light)}.footer-minimal{padding:1rem 1rem}.footer-minimal .footer-content{display:none}.footer-minimal .footer-nav{padding:.75rem 0;margin:0;border:none;gap:.75rem}.footer-minimal .footer-bottom{padding:0;border:none}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-base);box-shadow:var(--shadow-glow);z-index:1020}.back-to-top svg{width:1.25em;height:1.25em}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(102,126,234,.4)}@media(max-width: 767px){.back-to-top{width:2.25rem;height:2.25rem;bottom:1rem;right:1rem}.back-to-top svg{width:1em;height:1em}}.footer-subscribe{display:flex;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:1rem;margin-bottom:1rem}@media(max-width: 767px){.footer-subscribe{flex-direction:column;gap:.75rem}}.footer-subscribe input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color-light);border-radius:.75rem;background:var(--bg-input);color:var(--text-primary);font-size:1rem}.footer-subscribe input::placeholder{color:var(--text-muted)}.footer-subscribe input:focus{outline:none;border-color:var(--primary-500);background:var(--bg-card)}.footer-subscribe button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.footer-subscribe button:disabled{opacity:.5;cursor:not-allowed}.footer-subscribe button svg{width:1em;height:1em}.footer-subscribe button{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.footer-subscribe button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.4)}.footer-subscribe button:active:not(:disabled){transform:translateY(0)}.footer-subscribe button{white-space:nowrap}@media(max-width: 767px){.footer-subscribe button{width:100%}}.footer-links{margin-bottom:2rem}@media(max-width: 767px){.footer-links{margin-bottom:1.5rem}}.footer-links .footer-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}@media(max-width: 767px){.footer-links .footer-title{font-size:1rem;margin-bottom:.75rem}}.footer-links .links-grid{display:flex;flex-wrap:wrap;gap:.5rem}.footer-links .links-grid a{padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color-light);border-radius:.75rem;font-size:.875rem;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-base)}.footer-links .links-grid a:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.footer-copyright{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;padding:1.5rem 0;border-top:1px solid var(--border-color-light);border-bottom:1px solid var(--border-color-light);margin-bottom:1.5rem;font-size:.875rem;color:var(--text-secondary)}@media(max-width: 767px){.footer-copyright{padding:1rem 0;margin-bottom:1rem;font-size:.75rem}}.footer-copyright .footer-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base)}.footer-copyright .footer-link:hover{color:var(--primary-500)}.footer-copyright .divider{color:var(--text-tertiary);margin:0 .25rem}.grid{display:grid;gap:1.5rem}@media(max-width: 767px){.grid{gap:1rem}}.grid.grid-auto{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}@media(min-width: 1024px){.grid.grid-auto{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}}@media(min-width: 1280px){.grid.grid-auto{grid-template-columns:repeat(auto-fit, minmax(320px, 1fr))}}.grid.grid-cols-1{grid-template-columns:1fr}.grid.grid-cols-2{grid-template-columns:repeat(2, 1fr)}@media(max-width: 767px){.grid.grid-cols-2{grid-template-columns:1fr}}.grid.grid-cols-3{grid-template-columns:repeat(3, 1fr)}@media(min-width: 1024px){.grid.grid-cols-3{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 768px){.grid.grid-cols-3{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 479px){.grid.grid-cols-3{grid-template-columns:1fr}}.grid.grid-cols-4{grid-template-columns:repeat(4, 1fr)}@media(min-width: 1024px){.grid.grid-cols-4{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 768px){.grid.grid-cols-4{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 479px){.grid.grid-cols-4{grid-template-columns:1fr}}.grid.grid-cols-5{grid-template-columns:repeat(5, 1fr)}@media(min-width: 1024px){.grid.grid-cols-5{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 768px){.grid.grid-cols-5{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 479px){.grid.grid-cols-5{grid-template-columns:1fr}}.grid.grid-cols-6{grid-template-columns:repeat(6, 1fr)}@media(min-width: 1024px){.grid.grid-cols-6{grid-template-columns:repeat(4, 1fr)}}@media(min-width: 768px){.grid.grid-cols-6{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 479px){.grid.grid-cols-6{grid-template-columns:repeat(2, 1fr)}}.grid-gap-sm{gap:.75rem}.grid-gap-md{gap:1rem}.grid-gap-lg{gap:2rem}.grid-gap-xl{gap:3rem}.grid-row-gap-sm{row-gap:.75rem}.grid-row-gap-md{row-gap:1rem}.grid-row-gap-lg{row-gap:2rem}.grid-col-gap-sm{column-gap:.75rem}.grid-col-gap-md{column-gap:1rem}.grid-col-gap-lg{column-gap:2rem}.grid-item{display:flex;flex-direction:column}.grid-item.grid-item-span-2{grid-column:span 2}@media(max-width: 767px){.grid-item.grid-item-span-2{grid-column:span 1}}.grid-item.grid-item-span-3{grid-column:span 3}@media(max-width: 767px){.grid-item.grid-item-span-3{grid-column:span 1}}.grid-item.grid-item-row-2{grid-row:span 2}.grid-item.grid-item-row-3{grid-row:span 3}.grid-masonry{column-count:3;column-gap:1.5rem}@media(min-width: 1024px){.grid-masonry{column-count:3;column-gap:1.5rem}}@media(min-width: 768px){.grid-masonry{column-count:2;column-gap:1rem}}@media(max-width: 479px){.grid-masonry{column-count:1;column-gap:0}}.grid-masonry .grid-item{break-inside:avoid;margin-bottom:1.5rem}@media(min-width: 768px){.grid-masonry .grid-item{margin-bottom:1rem}}.grid-flex{display:flex;flex-wrap:wrap;gap:1.5rem}@media(max-width: 767px){.grid-flex{gap:1rem}}.grid-flex.grid-flex-2 .grid-item{flex:0 0 calc(50% - 0.75rem)}@media(max-width: 767px){.grid-flex.grid-flex-2 .grid-item{flex:0 0 100%}}.grid-flex.grid-flex-3 .grid-item{flex:0 0 calc(33.333% - 1rem)}@media(min-width: 768px){.grid-flex.grid-flex-3 .grid-item{flex:0 0 calc(50% - 0.75rem)}}@media(max-width: 479px){.grid-flex.grid-flex-3 .grid-item{flex:0 0 100%}}.grid-flex.grid-flex-4 .grid-item{flex:0 0 calc(25% - 1.25rem)}@media(min-width: 1024px){.grid-flex.grid-flex-4 .grid-item{flex:0 0 calc(33.333% - 1rem)}}@media(min-width: 768px){.grid-flex.grid-flex-4 .grid-item{flex:0 0 calc(50% - 0.75rem)}}@media(max-width: 479px){.grid-flex.grid-flex-4 .grid-item{flex:0 0 100%}}.grid-absolute{position:relative;display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem}.grid-absolute .grid-item-absolute{position:absolute}.grid-dense{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem}.grid-dense .grid-item-large{grid-column:span 2;grid-row:span 2}@media(max-width: 767px){.grid-dense .grid-item-large{grid-column:span 1;grid-row:span 1}}.grid-flow{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:1.5rem;overflow-x:auto;padding:0 0 .75rem 0}.grid-flow::-webkit-scrollbar{width:8px;height:8px}.grid-flow::-webkit-scrollbar-track{background:var(--bg-secondary)}.grid-flow::-webkit-scrollbar-thumb{background:var(--primary-500);border-radius:4px;transition:background var(--transition-base)}.grid-flow::-webkit-scrollbar-thumb:hover{filter:brightness(1.2)}.grid-flow .grid-item{min-width:280px}.grid-template-areas{display:grid;grid-template-areas:"header header" "sidebar main" "footer footer";grid-template-columns:280px 1fr;gap:1.5rem}@media(max-width: 767px){.grid-template-areas{grid-template-areas:"header" "main" "sidebar" "footer";grid-template-columns:1fr}}.grid-template-areas .header-area{grid-area:header}.grid-template-areas .sidebar-area{grid-area:sidebar}.grid-template-areas .main-area{grid-area:main}.grid-template-areas .footer-area{grid-area:footer}.grid-table{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:.5rem}.grid-table .grid-table-header{display:contents}.grid-table .grid-table-header .grid-table-cell{font-weight:700;padding:.75rem .5rem;background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.grid-table .grid-table-body{display:contents}.grid-table .grid-table-body .grid-table-row{display:contents}.grid-table .grid-table-body .grid-table-row:hover .grid-table-cell{background:var(--bg-tertiary)}.grid-table .grid-table-body .grid-table-cell{padding:.75rem .5rem;border-bottom:1px solid var(--border-color-light)}:root{--primary-start: #667eea;--primary-end: #764ba2;--primary-500: #667eea;--primary-600: #5568d3;--primary-700: #4452bc;--accent-start: #f093fb;--accent-end: #f5576c;--accent-500: #f093fb;--accent-600: #ee6fa8;--accent-700: #eb4b55;--gradient-primary: linear-gradient(135deg, var(--primary-start) 0%, var(--primary-end) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);--gradient-primary-reverse: linear-gradient(315deg, var(--primary-start) 0%, var(--primary-end) 100%);--bg-base: #0f0f15;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1e3a5f;--bg-card-hover: #243659;--bg-input: #0d2438;--bg-button: #2a5298;--text-primary: #ffffff;--text-secondary: #b8bcc8;--text-tertiary: #7a8394;--text-muted: #5a6370;--border-color: #3a4a5f;--border-color-light: #2a3a4f;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--glass-bg: rgba(30, 58, 95, 0.7);--glass-border: rgba(58, 74, 95, 0.5);--glass-backdrop: blur(10px)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-glow: 0 0 20px rgba(102, 126, 234, 0.4);--shadow-glow-accent: 0 0 20px rgba(240, 147, 251, 0.4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.06)}:root{--duration-75: 75ms;--duration-100: 100ms;--duration-150: 150ms;--duration-200: 200ms;--duration-300: 300ms;--duration-500: 500ms;--duration-700: 700ms;--duration-1000: 1000ms;--ease-linear: linear;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1)}:root{--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080}:root{--transition-fast: var(--duration-150) var(--ease-out);--transition-base: var(--duration-300) var(--ease-out);--transition-slow: var(--duration-500) var(--ease-out);--aspect-video: auto 3 / 4;--aspect-square: 1;--aspect-wide: auto 16 / 9}.hero-section{margin-bottom:3rem}@media(max-width: 767px){.hero-section{margin-bottom:2rem}}.hero-slider{position:relative;width:100%;border-radius:1.5rem;overflow:hidden;background:var(--bg-secondary)}.hero-slider .gradient-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:.1;z-index:1;pointer-events:none}.hero-slider .slider-track{position:relative;width:100%;aspect-ratio:16/6;overflow:hidden}@media(max-width: 767px){.hero-slider .slider-track{aspect-ratio:16/9}}@media(max-width: 479px){.hero-slider .slider-track{aspect-ratio:1/1}}.hero-slider .slide-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--transition-base);z-index:1}.hero-slider .slide-item.active{opacity:1;z-index:2}.hero-slider .slide-item .slide-link{display:block;width:100%;height:100%;position:relative;text-decoration:none;color:inherit}.hero-slider .slide-item .slide-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.hero-slider .slide-item .slide-image-wrapper .slide-image{width:100%;height:100%;object-fit:cover;display:block}.hero-slider .slide-item .slide-image-wrapper .slide-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);z-index:1}.hero-slider .slide-item .slide-content{position:absolute;bottom:2rem;left:4rem;right:2rem;color:#fff;z-index:2;max-width:600px}@media(max-width: 767px){.hero-slider .slide-item .slide-content{bottom:1.5rem;left:1rem;right:1rem}}.hero-slider .slide-item .slide-content .slide-badge{display:inline-block;padding:.25rem .75rem;background:var(--gradient-primary);color:#fff;border-radius:9999px;font-size:.75rem;font-weight:600;margin-bottom:.75rem}.hero-slider .slide-item .slide-content .slide-title{font-size:2.25rem;font-weight:700;margin-bottom:.75rem;line-height:1.2;color:#fff}@media(max-width: 767px){.hero-slider .slide-item .slide-content .slide-title{font-size:1.5rem}}.hero-slider .slide-item .slide-content .slide-desc{font-size:1rem;margin-bottom:1rem;opacity:.9;line-height:1.5;color:hsla(0,0%,100%,.9)}@media(max-width: 767px){.hero-slider .slide-item .slide-content .slide-desc{font-size:.875rem;margin-bottom:.75rem}}.hero-slider .slide-item .slide-content .slide-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:hsla(0,0%,100%,.9);color:var(--primary-500);border-radius:1rem;font-weight:600;transition:all var(--transition-base);cursor:pointer}.hero-slider .slide-item .slide-content .slide-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-slider .slide-item .slide-content .slide-btn svg{width:1.25em;height:1.25em}@media(max-width: 767px){.hero-slider .slide-item .slide-content .slide-btn{padding:.5rem 1rem;font-size:.875rem}}.hero-slider .slider-dots{position:absolute;bottom:1.5rem;right:1.5rem;display:flex;gap:.75rem;z-index:5}@media(max-width: 767px){.hero-slider .slider-dots{bottom:1rem;right:1rem;gap:.5rem}}.hero-slider .slider-dots .dot{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.5);border:2px solid rgba(0,0,0,0);cursor:pointer;transition:all var(--transition-base)}.hero-slider .slider-dots .dot:hover{background:hsla(0,0%,100%,.7)}.hero-slider .slider-dots .dot.active{background:#fff;box-shadow:0 0 8px hsla(0,0%,100%,.8)}.hero-slider .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:4;transition:all var(--transition-base);backdrop-filter:blur(4px)}.hero-slider .slider-arrow:hover{background:hsla(0,0%,100%,.4)}.hero-slider .slider-arrow svg{width:1.5em;height:1.5em}.hero-slider .slider-arrow.prev{left:1rem}@media(max-width: 767px){.hero-slider .slider-arrow.prev{left:.5rem;width:2.5rem;height:2.5rem}.hero-slider .slider-arrow.prev svg{width:1.25em;height:1.25em}}.hero-slider .slider-arrow.next{right:1rem}@media(max-width: 767px){.hero-slider .slider-arrow.next{right:.5rem;width:2.5rem;height:2.5rem}.hero-slider .slider-arrow.next svg{width:1.25em;height:1.25em}}@media(max-width: 767px){.hero-slider .slider-arrow{display:none}}.category-section{margin-bottom:3rem}@media(max-width: 767px){.category-section{margin-bottom:2rem}}.category-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}@media(max-width: 767px){.category-section .section-header{margin-bottom:1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}}.category-section .section-header .section-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);position:relative;display:flex;align-items:center;gap:.75rem;padding-bottom:1rem}.category-section .section-header .section-title .title-icon{display:flex;align-items:center;color:var(--primary-500)}.category-section .section-header .section-title .title-icon svg{width:1.5em;height:1.5em}.category-section .section-header .section-title .title-text{flex:1}.category-section .section-header .section-title .title-gradient{position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--gradient-primary);border-radius:9999px}@media(max-width: 767px){.category-section .section-header .section-title{font-size:1.5rem}}.category-section .section-header .more-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--primary-500);text-decoration:none;border-radius:.75rem;transition:all var(--transition-base);font-weight:500}.category-section .section-header .more-btn:hover{background:var(--bg-tertiary);color:var(--primary-600)}.category-section .section-header .more-btn svg{width:1em;height:1em}@media(max-width: 767px){.category-section .section-header .more-btn{padding:.5rem;font-size:.875rem}}.category-section .video-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:1.5rem}@media(max-width: 479px){.category-section .video-grid{grid-template-columns:repeat(2, 1fr);gap:.75rem}}.category-section .video-grid .video-card,.category-section .video-grid .video-card-compact,.category-section .video-grid .video-card-minimal{height:100%}.category-section .section-footer{display:flex;justify-content:center;margin-top:2rem}.category-section .section-footer a{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.category-section .section-footer a:disabled{opacity:.5;cursor:not-allowed}.category-section .section-footer a svg{width:1em;height:1em}.category-section .section-footer a{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.category-section .section-footer a:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.4)}.category-section .section-footer a:active:not(:disabled){transform:translateY(0)}@media(max-width: 767px){.category-section .section-footer a{width:100%}}.featured-section{padding:3rem;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-backdrop);border-radius:1.5rem;margin-bottom:3rem}@media(max-width: 767px){.featured-section{padding:2rem;margin-bottom:2rem}}.featured-section .featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width: 767px){.featured-section .featured-grid{grid-template-columns:1fr;gap:1.5rem}}.featured-section .featured-grid .featured-item{display:flex;flex-direction:column;gap:1rem}.featured-section .featured-grid .featured-item .featured-title{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.featured-section .featured-grid .featured-item .featured-desc{color:var(--text-secondary);line-height:1.75}.featured-section .featured-grid .featured-item .featured-stats{display:flex;gap:1.5rem;margin-top:1rem}@media(max-width: 767px){.featured-section .featured-grid .featured-item .featured-stats{gap:1rem}}.featured-section .featured-grid .featured-item .featured-stats .stat{display:flex;flex-direction:column}.featured-section .featured-grid .featured-item .featured-stats .stat .stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-500)}.featured-section .featured-grid .featured-item .featured-stats .stat .stat-label{font-size:.875rem;color:var(--text-secondary)}.featured-section .featured-grid .featured-image{border-radius:1.5rem;overflow:hidden;aspect-ratio:1}.featured-section .featured-grid .featured-image img{width:100%;height:100%;object-fit:cover}@keyframes slide-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-section{animation:slide-in .6s ease-out forwards}.category-section:nth-child(even){animation-delay:.1s}.category-section:nth-child(3n){animation-delay:.2s}:root{--primary-start: #667eea;--primary-end: #764ba2;--primary-500: #667eea;--primary-600: #5568d3;--primary-700: #4452bc;--accent-start: #f093fb;--accent-end: #f5576c;--accent-500: #f093fb;--accent-600: #ee6fa8;--accent-700: #eb4b55;--gradient-primary: linear-gradient(135deg, var(--primary-start) 0%, var(--primary-end) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);--gradient-primary-reverse: linear-gradient(315deg, var(--primary-start) 0%, var(--primary-end) 100%);--bg-base: #0f0f15;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1e3a5f;--bg-card-hover: #243659;--bg-input: #0d2438;--bg-button: #2a5298;--text-primary: #ffffff;--text-secondary: #b8bcc8;--text-tertiary: #7a8394;--text-muted: #5a6370;--border-color: #3a4a5f;--border-color-light: #2a3a4f;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--glass-bg: rgba(30, 58, 95, 0.7);--glass-border: rgba(58, 74, 95, 0.5);--glass-backdrop: blur(10px)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-glow: 0 0 20px rgba(102, 126, 234, 0.4);--shadow-glow-accent: 0 0 20px rgba(240, 147, 251, 0.4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.06)}:root{--duration-75: 75ms;--duration-100: 100ms;--duration-150: 150ms;--duration-200: 200ms;--duration-300: 300ms;--duration-500: 500ms;--duration-700: 700ms;--duration-1000: 1000ms;--ease-linear: linear;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1)}:root{--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080}:root{--transition-fast: var(--duration-150) var(--ease-out);--transition-base: var(--duration-300) var(--ease-out);--transition-slow: var(--duration-500) var(--ease-out);--aspect-video: auto 3 / 4;--aspect-square: 1;--aspect-wide: auto 16 / 9}.list-page{padding:2rem 0}@media(max-width: 767px){.list-page{padding:1.5rem 0}}.breadcrumb-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}@media(max-width: 767px){.breadcrumb-nav{margin-bottom:1rem}}.breadcrumb-nav .breadcrumb-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base)}.breadcrumb-nav .breadcrumb-link:hover{color:var(--primary-500)}.breadcrumb-nav .breadcrumb-link .breadcrumb-icon{width:1em;height:1em}.breadcrumb-nav .separator{display:flex;align-items:center;color:var(--text-tertiary);margin:0 .25rem}.breadcrumb-nav .separator svg{width:1em;height:1em}.breadcrumb-nav .breadcrumb-current{color:var(--text-primary);font-weight:600}.page-header{margin-bottom:2rem}@media(max-width: 767px){.page-header{margin-bottom:1.5rem}}.page-header .page-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.75rem;position:relative;padding-bottom:1rem}.page-header .page-title .title-decoration{display:flex;align-items:center;color:var(--primary-500)}.page-header .page-title .title-decoration .title-icon{width:1.5em;height:1.5em}.page-header .page-title .title-text{flex:1}.page-header .page-title .title-gradient{position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--gradient-primary);border-radius:9999px}@media(max-width: 767px){.page-header .page-title{font-size:1.5rem}}.list-header{padding:2rem 0;background:var(--gradient-primary);color:#fff;margin-bottom:2rem}@media(max-width: 767px){.list-header{padding:1.5rem 0;margin-bottom:1.5rem}}.list-header .list-title{font-size:2.25rem;font-weight:700;margin-bottom:.75rem}@media(max-width: 767px){.list-header .list-title{font-size:1.5rem}}.list-header .list-breadcrumb{display:flex;gap:.75rem;opacity:.9;font-size:1rem}.list-header .list-breadcrumb a{color:#fff;text-decoration:none}.list-header .list-breadcrumb a:hover{text-decoration:underline}.list-header .list-breadcrumb span{opacity:.7}.filter-section{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;margin-bottom:2rem}@media(max-width: 767px){.filter-section{margin-bottom:1.5rem;padding:1rem}}.filter-section .filter-group{margin-bottom:1rem}.filter-section .filter-group:last-child{margin-bottom:0}@media(max-width: 767px){.filter-section .filter-group{margin-bottom:.75rem}}.filter-section .filter-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.filter-section .filter-group{margin-bottom:1rem}.filter-section .filter-group:last-child{margin-bottom:0}@media(max-width: 767px){.filter-section .filter-group{margin-bottom:.75rem}}.filter-section .filter-group.active-filters{padding-bottom:1rem;border-bottom:1px solid var(--border-color-light);margin-bottom:1rem}.filter-section .filter-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.filter-section .filter-tags{display:flex;flex-wrap:wrap;gap:.5rem}.filter-section .filter-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;font-size:.875rem;text-decoration:none;transition:all var(--transition-base)}.filter-section .filter-tag:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.filter-section .filter-tag .tag-close{width:1em;height:1em}.filter-section .filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-section .filter-options .filter-option{padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;font-size:.875rem;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.filter-section .filter-options .filter-option:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.filter-section .filter-options .filter-option.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-500)}.filter-section .filter-extend{margin-top:1rem}.filter-section .filter-extend.hidden{display:none}.filter-section .filter-toggle-wrapper{margin-top:1rem;text-align:center}.filter-section .filter-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(0,0,0,0);border:1px solid var(--border-color-light);color:var(--text-primary);border-radius:.75rem;cursor:pointer;transition:all var(--transition-base);font-size:.875rem}.filter-section .filter-toggle-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-500);color:var(--primary-500)}.filter-section .filter-toggle-btn .toggle-icon{width:1em;height:1em;transition:transform var(--transition-base)}.filter-section .filter-toggle-btn .toggle-icon.rotate{transform:rotate(180deg)}.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;margin-bottom:1.5rem}@media(max-width: 767px){.list-toolbar{flex-direction:column;gap:1rem;align-items:stretch;margin-bottom:1rem}}.list-toolbar .toolbar-left,.list-toolbar .toolbar-right{display:flex;align-items:center;gap:1rem}@media(max-width: 767px){.list-toolbar .toolbar-left,.list-toolbar .toolbar-right{justify-content:center}}.list-toolbar .sort-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.list-toolbar .sort-item select{padding:.5rem .75rem;border:1px solid var(--border-color-light);background:var(--bg-input);color:var(--text-primary);border-radius:.75rem;cursor:pointer;outline:none}.list-toolbar .sort-item select:focus{border-color:var(--primary-500)}.list-toolbar .view-mode{display:flex;gap:.5rem}.list-toolbar .view-mode button{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color-light);background:rgba(0,0,0,0);color:var(--text-secondary);border-radius:.75rem;cursor:pointer;transition:all var(--transition-base)}.list-toolbar .view-mode button:hover,.list-toolbar .view-mode button.active{background:var(--bg-tertiary);color:var(--primary-500);border-color:var(--primary-500)}.list-toolbar .view-mode button svg{width:1.25em;height:1.25em}.video-grid,.video-list{display:grid;grid-template-columns:repeat(5, 1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width: 479px){.video-grid,.video-list{grid-template-columns:repeat(2, 1fr);gap:.75rem}}.video-grid .video-card,.video-grid .video-card-compact,.video-grid .video-card-minimal,.video-list .video-card,.video-list .video-card-compact,.video-list .video-card-minimal{height:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center;background:var(--bg-card);border:2px dashed var(--border-color-light);border-radius:1rem;margin:2rem 0}@media(max-width: 767px){.empty-state{padding:3rem}}.empty-state .empty-icon-wrapper{margin-bottom:1rem}.empty-state .empty-icon{width:4rem;height:4rem;color:var(--text-tertiary);opacity:.5}.empty-state .empty-text{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.empty-state .empty-description{color:var(--text-secondary);margin-bottom:1.5rem}.empty-state .empty-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gradient-primary);color:#fff;border-radius:1rem;text-decoration:none;font-weight:600;transition:all var(--transition-base)}.empty-state .empty-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.empty-state .empty-link svg{width:1.25em;height:1.25em}.loading-state{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:1.5rem}@media(min-width: 1024px){.loading-state{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 768px){.loading-state{grid-template-columns:repeat(3, 1fr)}}.loading-state .skeleton-card{border-radius:1rem;overflow:hidden}.loading-state .skeleton-card .skeleton-image{width:100%;aspect-ratio:3/4;background:linear-gradient(90deg, var(--bg-secondary) 0%, var(--bg-tertiary) 50%, var(--bg-secondary) 100%);background-size:200% 100%;animation:loading-shimmer-animation 1.5s infinite}.loading-state .skeleton-card .skeleton-content{padding:1rem}.loading-state .skeleton-card .skeleton-content .skeleton-line{height:12px;background:var(--bg-secondary);border-radius:4px;margin-bottom:.5rem;animation:loading-shimmer-animation 1.5s infinite}.loading-state .skeleton-card .skeleton-content .skeleton-line:last-child{width:70%;margin-bottom:0}:root{--primary-start: #667eea;--primary-end: #764ba2;--primary-500: #667eea;--primary-600: #5568d3;--primary-700: #4452bc;--accent-start: #f093fb;--accent-end: #f5576c;--accent-500: #f093fb;--accent-600: #ee6fa8;--accent-700: #eb4b55;--gradient-primary: linear-gradient(135deg, var(--primary-start) 0%, var(--primary-end) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);--gradient-primary-reverse: linear-gradient(315deg, var(--primary-start) 0%, var(--primary-end) 100%);--bg-base: #0f0f15;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1e3a5f;--bg-card-hover: #243659;--bg-input: #0d2438;--bg-button: #2a5298;--text-primary: #ffffff;--text-secondary: #b8bcc8;--text-tertiary: #7a8394;--text-muted: #5a6370;--border-color: #3a4a5f;--border-color-light: #2a3a4f;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--glass-bg: rgba(30, 58, 95, 0.7);--glass-border: rgba(58, 74, 95, 0.5);--glass-backdrop: blur(10px)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-glow: 0 0 20px rgba(102, 126, 234, 0.4);--shadow-glow-accent: 0 0 20px rgba(240, 147, 251, 0.4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.06)}:root{--duration-75: 75ms;--duration-100: 100ms;--duration-150: 150ms;--duration-200: 200ms;--duration-300: 300ms;--duration-500: 500ms;--duration-700: 700ms;--duration-1000: 1000ms;--ease-linear: linear;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1)}:root{--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080}:root{--transition-fast: var(--duration-150) var(--ease-out);--transition-base: var(--duration-300) var(--ease-out);--transition-slow: var(--duration-500) var(--ease-out);--aspect-video: auto 3 / 4;--aspect-square: 1;--aspect-wide: auto 16 / 9}.detail-page{padding:2rem 0}@media(max-width: 767px){.detail-page{padding:1.5rem 0}}.detail-card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;padding:2rem;margin-bottom:2rem}@media(max-width: 767px){.detail-card{padding:1.5rem;margin-bottom:1.5rem}}.detail-header{display:grid;grid-template-columns:200px 1fr;gap:2rem}@media(max-width: 767px){.detail-header{grid-template-columns:1fr;gap:1.5rem}}.detail-poster .poster-wrapper{position:relative;border-radius:1rem;overflow:hidden;aspect-ratio:3/4;background:var(--bg-secondary)}.detail-poster .poster-wrapper .poster-image{width:100%;height:100%;object-fit:cover;display:block}.detail-poster .poster-wrapper .poster-tags{position:absolute;top:.75rem;left:.75rem;display:flex;flex-direction:column;gap:.5rem;z-index:2}.detail-poster .poster-wrapper .poster-tags .tag{padding:.25rem .75rem;border-radius:.75rem;font-size:.75rem;font-weight:600}.detail-poster .poster-wrapper .poster-tags .tag.tag-type{background:var(--gradient-primary);color:#fff}.detail-poster .poster-wrapper .poster-tags .tag.tag-status{background:rgba(0,0,0,.7);color:#fff;backdrop-filter:blur(4px)}.detail-poster .poster-wrapper .rating-badge{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(0,0,0,.7);color:#fff;border-radius:.75rem;backdrop-filter:blur(4px);z-index:2}.detail-poster .poster-wrapper .rating-badge .rating-icon{width:1.25em;height:1.25em;color:#fbbf24}.detail-poster .poster-wrapper .rating-badge .rating-score{font-weight:700}.detail-info{display:flex;flex-direction:column;gap:1.5rem}.detail-info .detail-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0}@media(max-width: 767px){.detail-info .detail-title{font-size:1.5rem}}.detail-info .detail-meta{display:flex;flex-direction:column;gap:1rem}.detail-info .detail-meta .meta-item{display:flex;align-items:flex-start;gap:.75rem}.detail-info .detail-meta .meta-item .meta-label{display:flex;align-items:center;gap:.5rem;min-width:80px;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.detail-info .detail-meta .meta-item .meta-label .meta-icon{width:1.25em;height:1.25em}.detail-info .detail-meta .meta-item .meta-value{flex:1;font-size:1rem;color:var(--text-primary);line-height:1.75}.detail-info .detail-meta .meta-item .meta-value.actor-list,.detail-info .detail-meta .meta-item .meta-value.director-list{display:flex;flex-wrap:wrap;gap:.5rem}.detail-info .detail-meta .meta-item .meta-value.actor-list .actor-link,.detail-info .detail-meta .meta-item .meta-value.actor-list .director-link,.detail-info .detail-meta .meta-item .meta-value.actor-list .actor-name,.detail-info .detail-meta .meta-item .meta-value.director-list .actor-link,.detail-info .detail-meta .meta-item .meta-value.director-list .director-link,.detail-info .detail-meta .meta-item .meta-value.director-list .actor-name{color:var(--primary-500);text-decoration:none;transition:color var(--transition-base)}.detail-info .detail-meta .meta-item .meta-value.actor-list .actor-link:hover,.detail-info .detail-meta .meta-item .meta-value.actor-list .director-link:hover,.detail-info .detail-meta .meta-item .meta-value.actor-list .actor-name:hover,.detail-info .detail-meta .meta-item .meta-value.director-list .actor-link:hover,.detail-info .detail-meta .meta-item .meta-value.director-list .director-link:hover,.detail-info .detail-meta .meta-item .meta-value.director-list .actor-name:hover{color:var(--primary-600);text-decoration:underline}.detail-info .detail-meta .meta-item .meta-value.blurb-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.detail-info .detail-meta .meta-item.blurb-item{flex-direction:column;align-items:flex-start}.detail-info .detail-meta .meta-row{display:flex;flex-wrap:wrap;gap:1.5rem}.detail-info .detail-meta .meta-row .meta-col{display:flex;align-items:center;gap:.5rem}.detail-info .detail-meta .meta-row .meta-col .meta-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.detail-info .detail-meta .meta-row .meta-col .meta-label .meta-icon{width:1.25em;height:1.25em}.detail-info .detail-meta .meta-row .meta-col .meta-value{font-size:1rem;color:var(--text-primary)}.detail-info .detail-meta .meta-row .meta-col .meta-value .year-link,.detail-info .detail-meta .meta-row .meta-col .meta-value .area-link{color:var(--primary-500);text-decoration:none;transition:color var(--transition-base)}.detail-info .detail-meta .meta-row .meta-col .meta-value .year-link:hover,.detail-info .detail-meta .meta-row .meta-col .meta-value .area-link:hover{color:var(--primary-600);text-decoration:underline}.detail-info .play-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.detail-info .play-buttons .play-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gradient-primary);color:#fff;border-radius:1rem;text-decoration:none;font-weight:600;transition:all var(--transition-base)}.detail-info .play-buttons .play-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.detail-info .play-buttons .play-btn .btn-icon{width:1.25em;height:1.25em}@media(max-width: 767px){.detail-info .play-buttons .play-btn{padding:.5rem 1rem;font-size:.875rem}}.play-card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}@media(max-width: 767px){.play-card{padding:1rem;margin-bottom:1.5rem}}.play-card .card-header{margin-bottom:1.5rem}.play-card .card-header .card-title-wrapper{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media(max-width: 767px){.play-card .card-header .card-title-wrapper{flex-direction:column;align-items:flex-start;gap:.75rem}}.play-card .card-header .card-title-wrapper .card-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.play-card .card-header .card-title-wrapper .card-title .title-icon{display:flex;align-items:center;color:var(--primary-500)}.play-card .card-header .card-title-wrapper .card-title .title-icon svg{width:1.5em;height:1.5em}.play-card .card-header .card-title-wrapper .test-speed-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;cursor:pointer;transition:all var(--transition-base);font-size:.875rem}.play-card .card-header .card-title-wrapper .test-speed-btn:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.play-card .card-header .card-title-wrapper .test-speed-btn .btn-icon{width:1.25em;height:1.25em}.play-card .source-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #ccc;padding-bottom:10px}.play-card .source-tabs .source-tab{padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;font-size:.875rem;cursor:pointer;transition:all var(--transition-base)}.play-card .source-tabs .source-tab:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.play-card .source-tabs .source-tab.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-500)}.play-card .source-tabs .source-tab .speed-indicator{display:block;font-size:12px}.play-card .source-tabs .source-tab .speed-indicator.speed-success{background:rgba(16,185,129,.1);color:#2efebd}.play-card .source-tabs .source-tab .speed-indicator.speed-info{background:rgba(59,130,246,.1);color:#c07c13}.play-card .source-tabs .source-tab .speed-indicator.speed-error{background:rgba(239,68,68,.1);color:#dc2626}.play-card .episodes-wrapper .episodes-panel.hidden{display:none}.play-card .episodes-wrapper .episodes-panel .episodes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.play-card .episodes-wrapper .episodes-panel .episodes-header .episodes-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.play-card .episodes-wrapper .episodes-panel .episodes-header .episodes-info .info-icon{width:1.25em;height:1.25em}.play-card .episodes-wrapper .episodes-panel .episodes-header .episodes-info .episode-count{color:var(--text-tertiary)}.play-card .episodes-wrapper .episodes-panel .episodes-header .sort-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(0,0,0,0);border:1px solid var(--border-color-light);color:var(--text-secondary);border-radius:.75rem;cursor:pointer;transition:all var(--transition-base);font-size:.875rem}.play-card .episodes-wrapper .episodes-panel .episodes-header .sort-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-500);color:var(--primary-500)}.play-card .episodes-wrapper .episodes-panel .episodes-header .sort-btn .sort-icon{width:1em;height:1em}.play-card .episodes-wrapper .episodes-panel .episodes-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:.5rem}.play-card .episodes-wrapper .episodes-panel .episodes-grid .episode-link{display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;text-decoration:none;transition:all var(--transition-base);font-size:.875rem}.play-card .episodes-wrapper .episodes-panel .episodes-grid .episode-link:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.play-card .episodes-wrapper .episodes-panel .episodes-grid .episode-link .episode-number{font-weight:500}.content-card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}@media(max-width: 767px){.content-card{padding:1rem;margin-bottom:1.5rem}}.content-card .card-header{margin-bottom:1rem}.content-card .card-header .card-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.content-card .card-header .card-title .title-icon{display:flex;align-items:center;color:var(--primary-500)}.content-card .card-header .card-title .title-icon svg{width:1.5em;height:1.5em}.content-card .content-text{color:var(--text-secondary);line-height:1.75;white-space:pre-wrap}.recommend-card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}@media(max-width: 767px){.recommend-card{padding:1rem;margin-bottom:1.5rem}}.recommend-card .card-header{margin-bottom:1.5rem}.recommend-card .card-header .card-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.recommend-card .card-header .card-title .title-icon{display:flex;align-items:center;color:var(--primary-500)}.recommend-card .card-header .card-title .title-icon svg{width:1.5em;height:1.5em}.recommend-card .video-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:1.5rem}@media(max-width: 479px){.recommend-card .video-grid{grid-template-columns:repeat(2, 1fr);gap:.75rem}}.recommend-card .video-grid .video-card,.recommend-card .video-grid .video-card-compact,.recommend-card .video-grid .video-card-minimal{height:100%}.detail-hero{position:relative;width:100%;aspect-ratio:16/6;background:var(--bg-secondary);border-radius:1.5rem;overflow:hidden;margin-bottom:2rem}@media(max-width: 767px){.detail-hero{aspect-ratio:16/9;margin-bottom:1.5rem}}@media(max-width: 479px){.detail-hero{aspect-ratio:1/1}}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.6) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem}.detail-hero .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;background:hsla(0,0%,100%,.9);border-radius:50%;color:var(--primary-500);cursor:pointer;transition:all var(--transition-base);z-index:2}.detail-hero .play-button svg{width:1.5em;height:1.5em;margin-left:.25em}.detail-hero .play-button:hover{transform:translate(-50%, -50%) scale(1.15);background:#fff}.detail-content{display:grid;grid-template-columns:1fr 300px;gap:2rem;margin-bottom:2rem}@media(max-width: 1023px){.detail-content{grid-template-columns:1fr 250px;gap:1.5rem}}@media(max-width: 767px){.detail-content{grid-template-columns:1fr;gap:1.5rem}}.detail-content .detail-main{display:flex;flex-direction:column;gap:2rem}@media(max-width: 767px){.detail-content .detail-main{gap:1.5rem}}.detail-content .detail-sidebar{display:flex;flex-direction:column;gap:1.5rem}@media(max-width: 767px){.detail-content .detail-sidebar{display:none}}.video-info .info-title{font-size:1.875rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}@media(max-width: 767px){.video-info .info-title{font-size:1.5rem}}.video-info .info-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem}.video-info .info-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color-light)}@media(max-width: 767px){.video-info .info-meta{gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}}.video-info .info-meta .meta-item{display:flex;flex-direction:column;gap:.25rem}.video-info .info-meta .meta-item .meta-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;font-weight:600}.video-info .info-meta .meta-item .meta-value{font-size:1rem;color:var(--text-primary)}.video-info .info-rating{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.video-info .info-rating .rating-stars{display:flex;gap:.25rem}.video-info .info-rating .rating-stars .star{color:#fbbf24;font-size:1.125rem}.video-info .info-rating .rating-score{display:flex;flex-direction:column}.video-info .info-rating .rating-score .score{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.video-info .info-rating .rating-score .total{font-size:.75rem;color:var(--text-secondary)}.video-info .info-desc{color:var(--text-secondary);line-height:1.75;margin-bottom:1.5rem}.video-info .info-actions{display:flex;gap:.75rem}.video-info .info-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.video-info .info-actions button:disabled{opacity:.5;cursor:not-allowed}.video-info .info-actions button svg{width:1em;height:1em}.video-info .info-actions button{background:rgba(0,0,0,0);color:var(--text-primary);border:1.5px solid var(--border-color)}.video-info .info-actions button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-500);color:var(--primary-500)}.video-info .info-actions button{flex:1}@media(max-width: 767px){.video-info .info-actions button{padding:.5rem 1rem}}.play-sources{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem}@media(max-width: 767px){.play-sources{padding:1rem}}.play-sources .sources-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.play-sources .source-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}@media(max-width: 767px){.play-sources .source-tabs{margin-bottom:1rem}}.play-sources .source-tabs .source-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.play-sources .source-tabs .source-tab:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.play-sources .source-tabs .source-tab.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-500)}.play-sources .source-tabs .source-tab .tab-text{display:flex;align-items:center;gap:.5rem}.play-sources .source-tabs .source-tab .speed-indicator{display:flex;align-items:center;gap:.25rem;font-size:.75rem;padding:0 .5rem;border-left:1px solid hsla(0,0%,100%,.3);margin-left:.5rem}.play-sources .source-tabs .source-tab .speed-indicator .speed-icon{width:.75rem;height:.75rem;border-radius:50%}.play-sources .source-tabs .source-tab .speed-indicator .speed-icon.speed-success{background:#2efebd}.play-sources .source-tabs .source-tab .speed-indicator .speed-icon.speed-info{background:#3b82f6}.play-sources .source-tabs .source-tab .speed-indicator .speed-icon.speed-error{background:#ef4444}.play-sources .source-tabs .source-tab .speed-indicator .speed-value{color:inherit}.play-sources .test-speed-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.play-sources .test-speed-btn:disabled{opacity:.5;cursor:not-allowed}.play-sources .test-speed-btn svg{width:1em;height:1em}.play-sources .test-speed-btn{background:rgba(0,0,0,0);color:var(--text-primary);border:1.5px solid var(--border-color)}.play-sources .test-speed-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-500);color:var(--primary-500)}.play-sources .test-speed-btn{margin-bottom:1.5rem;width:100%}@media(max-width: 767px){.play-sources .test-speed-btn{margin-bottom:1rem}}.play-sources .test-speed-btn svg{width:1.25em;height:1.25em}.play-sources .test-speed-btn.testing{pointer-events:none;opacity:.7}.play-sources .test-speed-btn.testing .btn-icon{animation:spin-animation 1s linear infinite}.play-sources .episodes-panel{display:none}.play-sources .episodes-panel.active{display:block}.play-sources .episodes-panel .episodes-title{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--text-secondary);text-transform:uppercase}.play-sources .episodes-panel .episodes-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(80px, 1fr));gap:.5rem}@media(max-width: 767px){.play-sources .episodes-panel .episodes-list{grid-template-columns:repeat(auto-fill, minmax(70px, 1fr))}}.play-sources .episodes-panel .episodes-list .episode-link{display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;font-size:.75rem;text-decoration:none;cursor:pointer;transition:all var(--transition-base);text-align:center}.play-sources .episodes-panel .episodes-list .episode-link:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.play-sources .episodes-panel .episodes-list .episode-link.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-500)}.play-sources .episodes-panel .load-more-episodes{display:flex;justify-content:center;margin-top:1rem}.play-sources .episodes-panel .load-more-episodes button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.play-sources .episodes-panel .load-more-episodes button:disabled{opacity:.5;cursor:not-allowed}.play-sources .episodes-panel .load-more-episodes button svg{width:1em;height:1em}.play-sources .episodes-panel .load-more-episodes button{background:rgba(0,0,0,0);color:#fff;padding:.5rem .75rem}.play-sources .episodes-panel .load-more-episodes button:hover:not(:disabled){background:var(--bg-tertiary)}.related-videos{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem}@media(max-width: 767px){.related-videos{padding:1rem}}.related-videos .related-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.related-videos .related-list{display:flex;flex-direction:column;gap:.75rem}.related-videos .related-list .related-item{display:flex;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:.75rem;cursor:pointer;transition:all var(--transition-base)}.related-videos .related-list .related-item:hover{background:var(--bg-card-hover)}.related-videos .related-list .related-item:hover .item-poster{transform:scale(1.05)}.related-videos .related-list .related-item .item-poster{flex-shrink:0;width:60px;height:80px;background:var(--bg-secondary);border-radius:.75rem;overflow:hidden;transition:transform var(--transition-base)}.related-videos .related-list .related-item .item-poster img{width:100%;height:100%;object-fit:cover}.related-videos .related-list .related-item .item-info{flex:1}.related-videos .related-list .related-item .item-info .item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.related-videos .related-list .related-item .item-info .item-meta{font-size:.75rem;color:var(--text-tertiary)}:root{--primary-start: #667eea;--primary-end: #764ba2;--primary-500: #667eea;--primary-600: #5568d3;--primary-700: #4452bc;--accent-start: #f093fb;--accent-end: #f5576c;--accent-500: #f093fb;--accent-600: #ee6fa8;--accent-700: #eb4b55;--gradient-primary: linear-gradient(135deg, var(--primary-start) 0%, var(--primary-end) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);--gradient-primary-reverse: linear-gradient(315deg, var(--primary-start) 0%, var(--primary-end) 100%);--bg-base: #0f0f15;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1e3a5f;--bg-card-hover: #243659;--bg-input: #0d2438;--bg-button: #2a5298;--text-primary: #ffffff;--text-secondary: #b8bcc8;--text-tertiary: #7a8394;--text-muted: #5a6370;--border-color: #3a4a5f;--border-color-light: #2a3a4f;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--glass-bg: rgba(30, 58, 95, 0.7);--glass-border: rgba(58, 74, 95, 0.5);--glass-backdrop: blur(10px)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-glow: 0 0 20px rgba(102, 126, 234, 0.4);--shadow-glow-accent: 0 0 20px rgba(240, 147, 251, 0.4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.06)}:root{--duration-75: 75ms;--duration-100: 100ms;--duration-150: 150ms;--duration-200: 200ms;--duration-300: 300ms;--duration-500: 500ms;--duration-700: 700ms;--duration-1000: 1000ms;--ease-linear: linear;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1)}:root{--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080}:root{--transition-fast: var(--duration-150) var(--ease-out);--transition-base: var(--duration-300) var(--ease-out);--transition-slow: var(--duration-500) var(--ease-out);--aspect-video: auto 3 / 4;--aspect-square: 1;--aspect-wide: auto 16 / 9}.video-page{padding:2rem 0}@media(max-width: 767px){.video-page{padding:1.5rem 0}}.player-section{margin-bottom:2rem}@media(max-width: 767px){.player-section{margin-bottom:1.5rem}}.player-section .player-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}@media(max-width: 767px){.player-section .player-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.player-section .player-header .player-title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.player-section .player-header .player-title .title-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(max-width: 767px){.player-section .player-header .player-title{font-size:1.25rem}}.player-section .player-header .player-badge{padding:.25rem .75rem;background:var(--gradient-primary);color:#fff;border-radius:.75rem;font-size:.875rem;font-weight:600}.player-section .player-wrapper{margin-bottom:1.5rem}.player-container{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:1.5rem;overflow:hidden;margin-bottom:2rem}@media(max-width: 767px){.player-container{margin-bottom:1.5rem}}.player-container #dplayer,.player-container .dplayer-container{width:100%;height:100%}.player-container .player-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;background:rgba(0,0,0,.8);color:#fff;z-index:10}.player-container .player-loading .loading-spinner{width:3rem;height:3rem;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin-animation .8s linear infinite}.player-info{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}@media(max-width: 767px){.player-info{padding:1rem;margin-bottom:1.5rem}}.player-info .player-tips{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color-light)}.player-info .player-tips .tip-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.player-info .player-tips .tip-item .tip-icon{width:1.25em;height:1.25em;color:var(--primary-500)}.player-info .player-tips .tip-item strong{color:var(--text-primary)}.player-info .player-tips .divider{width:1px;height:1.5rem;background:var(--border-color-light)}.player-info .player-controls{display:flex;align-items:center;gap:1rem}.player-info .player-controls .next-episode-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gradient-primary);color:#fff;border-radius:1rem;text-decoration:none;font-weight:600;transition:all var(--transition-base)}.player-info .player-controls .next-episode-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.player-info .player-controls .next-episode-btn .btn-icon,.player-info .player-controls .next-episode-btn .btn-arrow{width:1.25em;height:1.25em}.player-info .player-controls .auto-play-switch{display:flex;align-items:center;gap:.5rem;cursor:pointer}.player-info .player-controls .auto-play-switch input[type=checkbox]{display:none}.player-info .player-controls .auto-play-switch .switch-slider{position:relative;width:3rem;height:1.5rem;background:var(--bg-tertiary);border-radius:50px;transition:all var(--transition-base)}.player-info .player-controls .auto-play-switch .switch-slider .slider-dot{position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background:#fff;border-radius:50%;transition:all var(--transition-base)}.player-info .player-controls .auto-play-switch input:checked+.switch-slider{background:var(--gradient-primary)}.player-info .player-controls .auto-play-switch input:checked+.switch-slider .slider-dot{transform:translateX(1.5rem)}.player-info .player-controls .auto-play-switch .switch-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.player-info .player-controls .auto-play-switch .switch-label .switch-icon{width:1em;height:1em}.player-info{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;margin-bottom:2rem}@media(max-width: 767px){.player-info{padding:1rem;margin-bottom:1.5rem}}.player-info .info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.player-info .info-header .info-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}@media(max-width: 767px){.player-info .info-header .info-title{font-size:1.25rem}}.player-info .info-header .info-actions{display:flex;gap:.75rem}.player-info .info-header .info-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.player-info .info-header .info-actions button:disabled{opacity:.5;cursor:not-allowed}.player-info .info-header .info-actions button svg{width:1em;height:1em}.player-info .info-header .info-actions button{width:2.5rem;height:2.5rem;padding:0;border-radius:50%;background:var(--bg-tertiary)}.player-info .info-header .info-actions button:hover:not(:disabled){background:var(--bg-card-hover);color:var(--primary-500)}.player-info .info-meta{display:flex;flex-wrap:wrap;gap:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color-light)}@media(max-width: 767px){.player-info .info-meta{gap:1rem}}.player-info .info-meta .meta-item{display:flex;flex-direction:column;gap:.25rem}.player-info .info-meta .meta-item .meta-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;font-weight:600}.player-info .info-meta .meta-item .meta-value{color:var(--text-primary)}.play-section{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;padding:1.5rem;margin-bottom:2rem}@media(max-width: 767px){.play-section{padding:1rem;margin-bottom:1.5rem}}.play-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}@media(max-width: 767px){.play-section .section-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.play-section .section-header .section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.play-section .section-header .section-title .title-icon{display:flex;align-items:center;color:var(--primary-500)}.play-section .section-header .section-title .title-icon svg{width:1.5em;height:1.5em}.play-section .section-header .test-speed-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;cursor:pointer;transition:all var(--transition-base);font-size:.875rem}.play-section .section-header .test-speed-btn:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.play-section .section-header .test-speed-btn .btn-icon{width:1.25em;height:1.25em}.play-section .source-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #ccc;padding-bottom:10px}.play-section .source-tabs .source-tab{padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;font-size:.875rem;cursor:pointer;transition:all var(--transition-base)}.play-section .source-tabs .source-tab:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.play-section .source-tabs .source-tab.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-500)}.play-section .source-tabs .source-tab .speed-indicator{display:block;font-size:12px}.play-section .source-tabs .source-tab .speed-indicator.speed-success{background:rgba(16,185,129,.1);color:#2efebd}.play-section .source-tabs .source-tab .speed-indicator.speed-info{background:rgba(59,130,246,.1);color:#c07c13}.play-section .source-tabs .source-tab .speed-indicator.speed-error{background:rgba(239,68,68,.1);color:#dc2626}.play-section .episodes-wrapper .episodes-panel.hidden{display:none}.play-section .episodes-wrapper .episodes-panel .episodes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.play-section .episodes-wrapper .episodes-panel .episodes-header .episodes-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.play-section .episodes-wrapper .episodes-panel .episodes-header .episodes-title .title-icon{width:1.25em;height:1.25em}.play-section .episodes-wrapper .episodes-panel .episodes-header .episodes-title .episode-count{color:var(--text-tertiary)}.play-section .episodes-wrapper .episodes-panel .episodes-header .sort-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(0,0,0,0);border:1px solid var(--border-color-light);color:var(--text-secondary);border-radius:.75rem;cursor:pointer;transition:all var(--transition-base);font-size:.875rem}.play-section .episodes-wrapper .episodes-panel .episodes-header .sort-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-500);color:var(--primary-500)}.play-section .episodes-wrapper .episodes-panel .episodes-header .sort-btn .sort-icon{width:1em;height:1em}.play-section .episodes-wrapper .episodes-panel .episodes-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:.5rem}.play-section .episodes-wrapper .episodes-panel .episodes-grid .episode-link{display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;text-decoration:none;transition:all var(--transition-base);font-size:.875rem}.play-section .episodes-wrapper .episodes-panel .episodes-grid .episode-link:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.play-section .episodes-wrapper .episodes-panel .episodes-grid .episode-link.playing{background:var(--gradient-primary);color:#fff;border-color:var(--primary-500)}.play-section .episodes-wrapper .episodes-panel .episodes-grid .episode-link .episode-number{font-weight:500}.video-info-section{margin-bottom:2rem}.video-info-section .section-header{margin-bottom:1.5rem}.video-info-section .section-header .section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.video-info-section .section-header .section-title .title-icon{display:flex;align-items:center;color:var(--primary-500)}.video-info-section .section-header .section-title .title-icon svg{width:1.5em;height:1.5em}.video-info-section .video-info-card{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;padding:1.5rem}@media(max-width: 767px){.video-info-section .video-info-card{padding:1rem}}.video-info-section .video-info-card .video-info-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem;margin-bottom:1.5rem}.video-info-section .video-info-card .video-info-grid .info-item{display:flex;align-items:center;gap:.75rem}.video-info-section .video-info-card .video-info-grid .info-item.full-width{grid-column:1/-1}.video-info-section .video-info-card .video-info-grid .info-item .info-icon{width:1.5em;height:1.5em;color:var(--primary-500);flex-shrink:0}.video-info-section .video-info-card .video-info-grid .info-item .info-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);min-width:60px}.video-info-section .video-info-card .video-info-grid .info-item .info-value{font-size:1rem;color:var(--text-primary)}.video-info-section .video-info-card .video-blurb{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-color-light)}.video-info-section .video-info-card .video-blurb .blurb-icon{width:1.5em;height:1.5em;color:var(--primary-500);flex-shrink:0;margin-top:.25rem}.video-info-section .video-info-card .video-blurb .blurb-text{flex:1;color:var(--text-secondary);line-height:1.75}.recommend-section{margin-bottom:2rem}.recommend-section .section-header{margin-bottom:1.5rem}.recommend-section .section-header .section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.recommend-section .section-header .section-title .title-icon{display:flex;align-items:center;color:var(--primary-500)}.recommend-section .section-header .section-title .title-icon svg{width:1.5em;height:1.5em}.recommend-section .video-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:1.5rem}@media(min-width: 1024px){.recommend-section .video-grid{grid-template-columns:repeat(5, 1fr)}}@media(max-width: 479px){.recommend-section .video-grid{grid-template-columns:repeat(2, 1fr);gap:.75rem}}.recommend-section .video-grid .video-card,.recommend-section .video-grid .video-card-compact,.recommend-section .video-grid .video-card-minimal{height:100%}.source-control{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;margin-bottom:2rem}@media(max-width: 767px){.source-control{padding:1rem;margin-bottom:1.5rem}}.source-control .control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}@media(max-width: 767px){.source-control .control-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.source-control .control-header .control-title{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.source-control .control-header .test-speed-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.source-control .control-header .test-speed-btn:disabled{opacity:.5;cursor:not-allowed}.source-control .control-header .test-speed-btn svg{width:1em;height:1em}.source-control .control-header .test-speed-btn{background:rgba(0,0,0,0);color:var(--text-primary);border:1.5px solid var(--border-color)}.source-control .control-header .test-speed-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-500);color:var(--primary-500)}.source-control .control-header .test-speed-btn svg{width:1.25em;height:1.25em}.source-control .control-header .test-speed-btn.testing{pointer-events:none;opacity:.7}.source-control .control-header .test-speed-btn.testing .btn-icon{animation:spin-animation 1s linear infinite}.source-control .source-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}@media(max-width: 767px){.source-control .source-tabs{margin-bottom:1rem}}.source-control .source-tabs .source-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.source-control .source-tabs .source-tab:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.source-control .source-tabs .source-tab.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-500)}.source-control .source-tabs .source-tab .tab-text{display:flex;align-items:center;gap:.5rem}.source-control .source-tabs .source-tab .speed-indicator{display:flex;align-items:center;gap:.25rem;font-size:.75rem;padding:0 .5rem;border-left:1px solid hsla(0,0%,100%,.3);margin-left:.5rem}.source-control .source-tabs .source-tab .speed-indicator .speed-icon{width:.75rem;height:.75rem;border-radius:50%}.source-control .source-tabs .source-tab .speed-indicator .speed-icon.speed-success{background:#2efebd}.source-control .source-tabs .source-tab .speed-indicator .speed-icon.speed-info{background:#3b82f6}.source-control .source-tabs .source-tab .speed-indicator .speed-icon.speed-error{background:#ef4444}.source-control .source-tabs .source-tab .speed-indicator .speed-value{color:inherit}.source-control .episodes-control .episodes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.source-control .episodes-control .episodes-header .episodes-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.source-control .episodes-control .episodes-header .episodes-sort{display:flex;gap:.5rem}.source-control .episodes-control .episodes-header .episodes-sort button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.source-control .episodes-control .episodes-header .episodes-sort button:disabled{opacity:.5;cursor:not-allowed}.source-control .episodes-control .episodes-header .episodes-sort button svg{width:1em;height:1em}.source-control .episodes-control .episodes-header .episodes-sort button{width:2.5rem;height:2.5rem;padding:0;border-radius:50%;background:var(--bg-tertiary)}.source-control .episodes-control .episodes-header .episodes-sort button:hover:not(:disabled){background:var(--bg-card-hover);color:var(--primary-500)}.source-control .episodes-control .episodes-header .episodes-sort button{width:2rem;height:2rem}.source-control .episodes-control .episodes-header .episodes-sort button.active{background:var(--primary-500);color:#fff}.source-control .episodes-control .episodes-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(80px, 1fr));gap:.5rem}@media(max-width: 767px){.source-control .episodes-control .episodes-list{grid-template-columns:repeat(auto-fill, minmax(70px, 1fr))}}.source-control .episodes-control .episodes-list .episode-link{display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;font-size:.75rem;text-decoration:none;cursor:pointer;transition:all var(--transition-base)}.source-control .episodes-control .episodes-list .episode-link:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.source-control .episodes-control .episodes-list .episode-link.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-500)}.player-related .related-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.player-related .related-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:1.5rem}@media(min-width: 768px){.player-related .related-grid{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 767px){.player-related .related-grid{grid-template-columns:repeat(2, 1fr);gap:1rem}}@media(max-width: 479px){.player-related .related-grid{grid-template-columns:1fr}}.player-related .related-grid .video-card,.player-related .related-grid .video-card-compact,.player-related .related-grid .video-card-minimal{height:100%}.next-episode-hint{position:fixed;bottom:2rem;right:2rem;padding:1rem;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-backdrop);border-radius:1rem;color:#fff;z-index:1020;box-shadow:var(--shadow-lg);animation:slide-up-animation .3s ease-out forwards}@media(max-width: 767px){.next-episode-hint{bottom:1rem;right:1rem;left:1rem}}.next-episode-hint .hint-text{font-size:.875rem;margin-bottom:.75rem}.next-episode-hint .hint-actions{display:flex;gap:.75rem}.next-episode-hint .hint-actions button{flex:1;padding:.5rem .75rem;font-size:.875rem}.next-episode-hint .hint-actions button.primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.next-episode-hint .hint-actions button.primary:disabled{opacity:.5;cursor:not-allowed}.next-episode-hint .hint-actions button.primary svg{width:1em;height:1em}.next-episode-hint .hint-actions button.primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.next-episode-hint .hint-actions button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.4)}.next-episode-hint .hint-actions button.primary:active:not(:disabled){transform:translateY(0)}.next-episode-hint .hint-actions button.secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.next-episode-hint .hint-actions button.secondary:disabled{opacity:.5;cursor:not-allowed}.next-episode-hint .hint-actions button.secondary svg{width:1em;height:1em}.next-episode-hint .hint-actions button.secondary{background:rgba(0,0,0,0);color:var(--text-primary);border:1.5px solid var(--border-color)}.next-episode-hint .hint-actions button.secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--primary-500);color:var(--primary-500)}.next-episode-hint .hint-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:#fff;cursor:pointer;font-size:1.125rem}.subtitle-control,.audio-control{margin-bottom:1rem}.subtitle-control .control-label,.audio-control .control-label{font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.subtitle-control .control-options,.audio-control .control-options{display:flex;flex-wrap:wrap;gap:.5rem}.subtitle-control .control-options .option,.audio-control .control-options .option{padding:.5rem .75rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;font-size:.875rem;cursor:pointer;transition:all var(--transition-base)}.subtitle-control .control-options .option:hover,.subtitle-control .control-options .option.active,.audio-control .control-options .option:hover,.audio-control .control-options .option.active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-500)}:root{--primary-start: #667eea;--primary-end: #764ba2;--primary-500: #667eea;--primary-600: #5568d3;--primary-700: #4452bc;--accent-start: #f093fb;--accent-end: #f5576c;--accent-500: #f093fb;--accent-600: #ee6fa8;--accent-700: #eb4b55;--gradient-primary: linear-gradient(135deg, var(--primary-start) 0%, var(--primary-end) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);--gradient-primary-reverse: linear-gradient(315deg, var(--primary-start) 0%, var(--primary-end) 100%);--bg-base: #0f0f15;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1e3a5f;--bg-card-hover: #243659;--bg-input: #0d2438;--bg-button: #2a5298;--text-primary: #ffffff;--text-secondary: #b8bcc8;--text-tertiary: #7a8394;--text-muted: #5a6370;--border-color: #3a4a5f;--border-color-light: #2a3a4f;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--glass-bg: rgba(30, 58, 95, 0.7);--glass-border: rgba(58, 74, 95, 0.5);--glass-backdrop: blur(10px)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-glow: 0 0 20px rgba(102, 126, 234, 0.4);--shadow-glow-accent: 0 0 20px rgba(240, 147, 251, 0.4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.06)}:root{--duration-75: 75ms;--duration-100: 100ms;--duration-150: 150ms;--duration-200: 200ms;--duration-300: 300ms;--duration-500: 500ms;--duration-700: 700ms;--duration-1000: 1000ms;--ease-linear: linear;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1)}:root{--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080}:root{--transition-fast: var(--duration-150) var(--ease-out);--transition-base: var(--duration-300) var(--ease-out);--transition-slow: var(--duration-500) var(--ease-out);--aspect-video: auto 3 / 4;--aspect-square: 1;--aspect-wide: auto 16 / 9}.search-page{padding:2rem 0;min-height:calc(100vh - 200px)}@media(max-width: 767px){.search-page{padding:1.5rem 0}}.search-page .search-header{text-align:center;margin-bottom:2rem}@media(max-width: 767px){.search-page .search-header{margin-bottom:1.5rem}}.search-page .search-header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.search-page .search-header h1 .keyword{color:var(--primary-500)}@media(max-width: 767px){.search-page .search-header h1{font-size:1.5rem}}.search-page .search-header p{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem}.search-page .search-header .search-box-wrapper .search-form-main{display:flex;gap:.75rem;max-width:600px;margin:0 auto}@media(max-width: 767px){.search-page .search-header .search-box-wrapper .search-form-main{flex-direction:column;gap:.5rem}}.search-page .search-header .search-box-wrapper .search-form-main .search-input-wrapper{flex:1}.search-page .search-header .search-box-wrapper .search-form-main .search-input-wrapper .search-input{width:100%;padding:.75rem 1.25rem;border:2px solid var(--border-color-light);border-radius:50px;background:var(--bg-input);color:var(--text-primary);font-size:1rem;outline:none;transition:all var(--transition-base)}.search-page .search-header .search-box-wrapper .search-form-main .search-input-wrapper .search-input:focus{border-color:var(--primary-500);background:var(--bg-card);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.search-page .search-header .search-box-wrapper .search-form-main .search-input-wrapper .search-input::placeholder{color:var(--text-muted)}.search-page .search-header .search-box-wrapper .search-form-main .search-btn{padding:.75rem 1.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.search-page .search-header .search-box-wrapper .search-form-main .search-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width: 767px){.search-page .search-header .search-box-wrapper .search-form-main .search-btn{width:100%}}.search-page .search-stats{margin-bottom:1.5rem}.search-page .search-stats .stats-info{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-secondary)}.search-page .search-stats .stats-info .count strong{color:var(--primary-500);font-weight:700}.search-page .search-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:1.5rem;margin-bottom:2rem}@media(min-width: 1024px){.search-page .search-grid{grid-template-columns:repeat(5, 1fr)}}@media(max-width: 479px){.search-page .search-grid{grid-template-columns:repeat(2, 1fr);gap:.75rem}}.search-page .search-grid .video-card,.search-page .search-grid .video-card-compact,.search-page .search-grid .video-card-minimal{height:100%}.search-page .search-results{padding:0 1rem;margin-bottom:2rem}@media(max-width: 767px){.search-page .search-results{padding:0 1rem;margin-bottom:1.5rem}}.search-page .search-info{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-card);border-radius:1rem;margin-bottom:1.5rem}@media(max-width: 767px){.search-page .search-info{flex-direction:column;align-items:flex-start;gap:.75rem}}.search-page .search-info .info-text{color:var(--text-secondary);font-size:.875rem}.search-page .search-info .info-text .keyword{color:var(--primary-500);font-weight:600}.search-page .search-info .sort-options{display:flex;gap:.75rem}.search-page .search-info .sort-options select{padding:.5rem .75rem;border:1px solid var(--border-color-light);background:var(--bg-input);color:var(--text-primary);border-radius:.75rem;cursor:pointer}.search-page .video-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:1.5rem;margin-bottom:2rem}@media(min-width: 1024px){.search-page .video-grid{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 768px){.search-page .video-grid{grid-template-columns:repeat(3, 1fr);gap:1rem}}@media(max-width: 479px){.search-page .video-grid{grid-template-columns:repeat(2, 1fr);gap:.75rem}}.search-page .video-grid .video-card,.search-page .video-grid .video-card-compact,.search-page .video-grid .video-card-minimal{height:100%}.search-page .search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center}@media(max-width: 767px){.search-page .search-empty{padding:3rem}}.search-page .search-empty .empty-icon{width:100px;height:100px;color:var(--text-tertiary);opacity:.5;margin-bottom:1rem}.search-page .search-empty h2{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.search-page .search-empty p{color:var(--text-secondary);margin-bottom:1.5rem}.search-page .search-empty .suggestions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.search-page .search-empty .suggestions .suggestion-tag{padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color-light);border-radius:.75rem;text-decoration:none;font-size:.875rem;transition:all var(--transition-base)}.search-page .search-empty .suggestions .suggestion-tag:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.search-page .search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.search-page .search-loading .spinner{width:2rem;height:2rem;border:2px solid var(--border-color-light);border-top-color:var(--primary-500);border-radius:50%;animation:spin-animation .8s linear infinite;margin-bottom:1rem}.search-page .search-loading .loading-text{color:var(--text-secondary);font-size:.875rem}:root{--primary-start: #667eea;--primary-end: #764ba2;--primary-500: #667eea;--primary-600: #5568d3;--primary-700: #4452bc;--accent-start: #f093fb;--accent-end: #f5576c;--accent-500: #f093fb;--accent-600: #ee6fa8;--accent-700: #eb4b55;--gradient-primary: linear-gradient(135deg, var(--primary-start) 0%, var(--primary-end) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);--gradient-primary-reverse: linear-gradient(315deg, var(--primary-start) 0%, var(--primary-end) 100%);--bg-base: #0f0f15;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1e3a5f;--bg-card-hover: #243659;--bg-input: #0d2438;--bg-button: #2a5298;--text-primary: #ffffff;--text-secondary: #b8bcc8;--text-tertiary: #7a8394;--text-muted: #5a6370;--border-color: #3a4a5f;--border-color-light: #2a3a4f;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--glass-bg: rgba(30, 58, 95, 0.7);--glass-border: rgba(58, 74, 95, 0.5);--glass-backdrop: blur(10px)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-glow: 0 0 20px rgba(102, 126, 234, 0.4);--shadow-glow-accent: 0 0 20px rgba(240, 147, 251, 0.4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.06)}:root{--duration-75: 75ms;--duration-100: 100ms;--duration-150: 150ms;--duration-200: 200ms;--duration-300: 300ms;--duration-500: 500ms;--duration-700: 700ms;--duration-1000: 1000ms;--ease-linear: linear;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1)}:root{--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080}:root{--transition-fast: var(--duration-150) var(--ease-out);--transition-base: var(--duration-300) var(--ease-out);--transition-slow: var(--duration-500) var(--ease-out);--aspect-video: auto 3 / 4;--aspect-square: 1;--aspect-wide: auto 16 / 9}.rank-page{padding:2rem 0}@media(max-width: 767px){.rank-page{padding:1.5rem 0}}.rank-page .page-header{margin-bottom:2rem;text-align:center}@media(max-width: 767px){.rank-page .page-header{margin-bottom:1.5rem}}.rank-page .page-header .page-title{display:block;font-size:2.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}@media(max-width: 767px){.rank-page .page-header .page-title{font-size:1.5rem}}.rank-page .page-header .page-desc{font-size:1rem;color:var(--text-secondary)}.rank-page .rank-section{margin-bottom:3rem}@media(max-width: 767px){.rank-page .rank-section{margin-bottom:2rem}}.rank-page .rank-section .section-header{margin-bottom:2rem}@media(max-width: 767px){.rank-page .rank-section .section-header{margin-bottom:1.5rem}}.rank-page .rank-section .section-header .section-title-wrapper{display:flex;align-items:center;gap:.75rem}.rank-page .rank-section .section-header .section-title-wrapper .section-icon{display:flex;align-items:center;color:var(--primary-500)}.rank-page .rank-section .section-header .section-title-wrapper .section-icon svg{width:2em;height:2em}.rank-page .rank-section .section-header .section-title-wrapper .section-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0}@media(max-width: 767px){.rank-page .rank-section .section-header .section-title-wrapper .section-title{font-size:1.5rem}}.rank-page .rank-section .video-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:1.5rem}@media(max-width: 479px){.rank-page .rank-section .video-grid{grid-template-columns:repeat(2, 1fr);gap:.75rem}}.rank-page .rank-section .video-grid .video-card,.rank-page .rank-section .video-grid .video-card-compact,.rank-page .rank-section .video-grid .video-card-minimal{position:relative;height:100%}.rank-page .rank-section .video-grid .video-card .rank-badge,.rank-page .rank-section .video-grid .video-card-compact .rank-badge,.rank-page .rank-section .video-grid .video-card-minimal .rank-badge{position:absolute;top:.75rem;left:.75rem;z-index:3;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;backdrop-filter:blur(4px)}.rank-page .rank-section .video-grid .video-card .rank-badge.rank-1,.rank-page .rank-section .video-grid .video-card-compact .rank-badge.rank-1,.rank-page .rank-section .video-grid .video-card-minimal .rank-badge.rank-1{background:linear-gradient(135deg, #FFD700 0%, #FFA500 100%);color:#fff}.rank-page .rank-section .video-grid .video-card .rank-badge.rank-2,.rank-page .rank-section .video-grid .video-card-compact .rank-badge.rank-2,.rank-page .rank-section .video-grid .video-card-minimal .rank-badge.rank-2{background:linear-gradient(135deg, #C0C0C0 0%, #808080 100%);color:#fff}.rank-page .rank-section .video-grid .video-card .rank-badge.rank-3,.rank-page .rank-section .video-grid .video-card-compact .rank-badge.rank-3,.rank-page .rank-section .video-grid .video-card-minimal .rank-badge.rank-3{background:linear-gradient(135deg, #CD7F32 0%, #8B4513 100%);color:#fff}.rank-page .rank-section .video-grid .video-card .rank-badge:not(.rank-1):not(.rank-2):not(.rank-3),.rank-page .rank-section .video-grid .video-card-compact .rank-badge:not(.rank-1):not(.rank-2):not(.rank-3),.rank-page .rank-section .video-grid .video-card-minimal .rank-badge:not(.rank-1):not(.rank-2):not(.rank-3){background:rgba(0,0,0,.7);color:#fff}.rank-page .rank-section .video-grid .video-card .rank-badge .rank-number,.rank-page .rank-section .video-grid .video-card-compact .rank-badge .rank-number,.rank-page .rank-section .video-grid .video-card-minimal .rank-badge .rank-number{font-size:1.125rem}:root{--primary-start: #667eea;--primary-end: #764ba2;--primary-500: #667eea;--primary-600: #5568d3;--primary-700: #4452bc;--accent-start: #f093fb;--accent-end: #f5576c;--accent-500: #f093fb;--accent-600: #ee6fa8;--accent-700: #eb4b55;--gradient-primary: linear-gradient(135deg, var(--primary-start) 0%, var(--primary-end) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);--gradient-primary-reverse: linear-gradient(315deg, var(--primary-start) 0%, var(--primary-end) 100%);--bg-base: #0f0f15;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1e3a5f;--bg-card-hover: #243659;--bg-input: #0d2438;--bg-button: #2a5298;--text-primary: #ffffff;--text-secondary: #b8bcc8;--text-tertiary: #7a8394;--text-muted: #5a6370;--border-color: #3a4a5f;--border-color-light: #2a3a4f;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--glass-bg: rgba(30, 58, 95, 0.7);--glass-border: rgba(58, 74, 95, 0.5);--glass-backdrop: blur(10px)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-glow: 0 0 20px rgba(102, 126, 234, 0.4);--shadow-glow-accent: 0 0 20px rgba(240, 147, 251, 0.4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.06)}:root{--duration-75: 75ms;--duration-100: 100ms;--duration-150: 150ms;--duration-200: 200ms;--duration-300: 300ms;--duration-500: 500ms;--duration-700: 700ms;--duration-1000: 1000ms;--ease-linear: linear;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1)}:root{--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080}:root{--transition-fast: var(--duration-150) var(--ease-out);--transition-base: var(--duration-300) var(--ease-out);--transition-slow: var(--duration-500) var(--ease-out);--aspect-video: auto 3 / 4;--aspect-square: 1;--aspect-wide: auto 16 / 9}.map-page{padding:2rem 0}@media(max-width: 767px){.map-page{padding:1.5rem 0}}.map-page .container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media(max-width: 767px){.map-page .container{padding-left:1rem;padding-right:1rem}}.map-page .breadcrumb-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap;padding:1rem 0}@media(max-width: 767px){.map-page .breadcrumb-nav{margin-bottom:1rem;padding:.75rem 0;font-size:.875rem}}.map-page .breadcrumb-nav .breadcrumb-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;transition:color var(--transition-base)}.map-page .breadcrumb-nav .breadcrumb-link:hover{color:var(--primary-500)}.map-page .breadcrumb-nav .separator{color:var(--text-tertiary);margin:0 .5rem}.map-page .breadcrumb-nav .breadcrumb-current{color:var(--text-primary);font-weight:500}.map-page .page-header{margin-bottom:2.5rem;text-align:center}@media(max-width: 767px){.map-page .page-header{margin-bottom:2rem}}.map-page .page-header .page-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:2.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}@media(max-width: 767px){.map-page .page-header .page-title{font-size:1.5rem;margin-bottom:.75rem}}.map-page .page-header .page-title .title-icon{width:2rem;height:2rem;background:var(--primary-500);border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width: 767px){.map-page .page-header .page-title .title-icon{width:1.5rem;height:1.5rem}}.map-page .page-header .page-title .title-icon::before{content:"";width:1rem;height:1rem;background:#fff;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center}.map-page .page-header .page-desc{font-size:1rem;color:var(--text-secondary);line-height:1.6}.map-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:3rem}@media(max-width: 767px){.map-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}}@media(max-width: 479px){.map-grid{gap:1rem}}.map-section{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;transition:all var(--transition-base)}@media(max-width: 767px){.map-section{padding:1rem}}.map-section:hover{border-color:var(--primary-500);box-shadow:var(--shadow-md);transform:translateY(-2px)}.map-header{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-500)}@media(max-width: 767px){.map-header{margin-bottom:1rem;padding-bottom:.75rem}}.map-header .map-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}@media(max-width: 767px){.map-header .map-title{font-size:1.125rem}}.map-header .map-title a{color:inherit;text-decoration:none;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:.5rem}.map-header .map-title a:hover{color:var(--primary-500)}.map-header .map-title a::after{content:"→";opacity:0;transform:translateX(-0.5rem);transition:all var(--transition-base)}.map-header .map-title a:hover::after{opacity:1;transform:translateX(0)}.map-links{display:flex;flex-wrap:wrap;gap:.75rem}@media(max-width: 767px){.map-links{gap:.5rem}}.map-links .map-link{display:inline-flex;align-items:center;padding:.5rem 1rem;color:var(--text-secondary);text-decoration:none;background:var(--bg-secondary);border:1px solid var(--border-color-light);border-radius:.75rem;font-size:.875rem;transition:all var(--transition-base)}@media(max-width: 767px){.map-links .map-link{padding:.25rem .75rem;font-size:.75rem}}.map-links .map-link:hover{background:var(--bg-tertiary);color:var(--primary-500);border-color:var(--primary-500);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.quick-links-section{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--border-color-light)}@media(max-width: 767px){.quick-links-section{margin-top:2rem;padding-top:2rem}}.quick-links-section .section-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;text-align:center}@media(max-width: 767px){.quick-links-section .section-title{font-size:1.25rem;margin-bottom:1.5rem}}.quick-links-section .section-title .title-icon{width:1.5rem;height:1.5rem;background:var(--primary-500);border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-links-section .section-title .title-icon::before{content:"";width:1rem;height:1rem;background:#fff;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cpath d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 0 0 1 1h3m10-11l2 2m-2-2v10a1 1 0 0 1-1 1h-3m-6 0a1 1 0 0 0 1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 0 1 1m-6 0h6'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center}.quick-links{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem}@media(max-width: 767px){.quick-links{grid-template-columns:repeat(2, 1fr);gap:.75rem}}@media(max-width: 479px){.quick-links{grid-template-columns:1fr}}.quick-links .quick-link{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;color:var(--text-primary);text-decoration:none;font-weight:500;transition:all var(--transition-base)}@media(max-width: 767px){.quick-links .quick-link{padding:1rem 1.25rem}}.quick-links .quick-link svg{width:1.5rem;height:1.5rem;color:var(--primary-500);flex-shrink:0;transition:all var(--transition-base)}.quick-links .quick-link span{font-size:1rem}.quick-links .quick-link:hover{background:var(--bg-tertiary);border-color:var(--primary-500);color:var(--primary-500);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-links .quick-link:hover svg{transform:scale(1.1)}:root{--primary-start: #667eea;--primary-end: #764ba2;--primary-500: #667eea;--primary-600: #5568d3;--primary-700: #4452bc;--accent-start: #f093fb;--accent-end: #f5576c;--accent-500: #f093fb;--accent-600: #ee6fa8;--accent-700: #eb4b55;--gradient-primary: linear-gradient(135deg, var(--primary-start) 0%, var(--primary-end) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);--gradient-primary-reverse: linear-gradient(315deg, var(--primary-start) 0%, var(--primary-end) 100%);--bg-base: #0f0f15;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1e3a5f;--bg-card-hover: #243659;--bg-input: #0d2438;--bg-button: #2a5298;--text-primary: #ffffff;--text-secondary: #b8bcc8;--text-tertiary: #7a8394;--text-muted: #5a6370;--border-color: #3a4a5f;--border-color-light: #2a3a4f;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--glass-bg: rgba(30, 58, 95, 0.7);--glass-border: rgba(58, 74, 95, 0.5);--glass-backdrop: blur(10px)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-glow: 0 0 20px rgba(102, 126, 234, 0.4);--shadow-glow-accent: 0 0 20px rgba(240, 147, 251, 0.4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.06)}:root{--duration-75: 75ms;--duration-100: 100ms;--duration-150: 150ms;--duration-200: 200ms;--duration-300: 300ms;--duration-500: 500ms;--duration-700: 700ms;--duration-1000: 1000ms;--ease-linear: linear;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1)}:root{--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080}:root{--transition-fast: var(--duration-150) var(--ease-out);--transition-base: var(--duration-300) var(--ease-out);--transition-slow: var(--duration-500) var(--ease-out);--aspect-video: auto 3 / 4;--aspect-square: 1;--aspect-wide: auto 16 / 9}.new-page .new-header{padding:3rem 1rem;background:var(--gradient-primary);color:#fff;margin-bottom:2rem}@media(max-width: 767px){.new-page .new-header{padding:2rem 1rem;margin-bottom:1.5rem}}.new-page .new-header .new-title{font-size:2.25rem;font-weight:700;margin-bottom:1rem}@media(max-width: 767px){.new-page .new-header .new-title{font-size:1.5rem}}.new-page .new-header .new-subtitle{font-size:1rem;opacity:.9}.new-page .new-container{padding:0 1rem;margin-bottom:2rem}@media(max-width: 767px){.new-page .new-container{padding:0 1rem;margin-bottom:1.5rem}}.new-page .new-filters{display:flex;gap:1rem;margin-bottom:2rem;padding:1rem;background:var(--bg-card);border-radius:1rem;flex-wrap:wrap}@media(max-width: 767px){.new-page .new-filters{margin-bottom:1.5rem}}.new-page .new-filters .filter-item{display:flex;align-items:center;gap:.5rem}.new-page .new-filters .filter-item label{color:var(--text-secondary);font-weight:500;white-space:nowrap}.new-page .new-filters .filter-item select{padding:.5rem .75rem;border:1px solid var(--border-color-light);background:var(--bg-input);color:var(--text-primary);border-radius:.75rem;outline:none}.new-page .new-filters .filter-item select:focus{border-color:var(--primary-500)}.new-page .new-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:1.5rem}@media(min-width: 1024px){.new-page .new-list{grid-template-columns:repeat(5, 1fr)}}@media(min-width: 768px){.new-page .new-list{grid-template-columns:repeat(3, 1fr);gap:1rem}}@media(max-width: 479px){.new-page .new-list{grid-template-columns:repeat(2, 1fr);gap:.75rem}}.new-page .new-list .new-item{position:relative;border-radius:1rem;overflow:hidden}.new-page .new-list .new-item .item-poster{aspect-ratio:3/4;background:var(--bg-secondary);overflow:hidden}.new-page .new-list .new-item .item-poster img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.new-page .new-list .new-item .item-info{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 100%);color:#fff}.new-page .new-list .new-item .item-info .item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;font-weight:600;margin-bottom:.5rem}.new-page .new-list .new-item .item-info .item-date{font-size:.75rem;opacity:.8}.new-page .new-list .new-item .item-info .item-status{display:inline-block;margin-top:.5rem;padding:.25rem .5rem;background:var(--primary-500);color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:600}.new-page .new-list .new-item:hover .item-poster img{transform:scale(1.08)}.new-page .new-timeline{position:relative;padding-left:3rem}@media(max-width: 767px){.new-page .new-timeline{padding-left:2rem}}.new-page .new-timeline::before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:var(--gradient-primary)}.new-page .new-timeline .timeline-item{position:relative;margin-bottom:2rem}@media(max-width: 767px){.new-page .new-timeline .timeline-item{margin-bottom:1.5rem}}.new-page .new-timeline .timeline-item::before{content:"";position:absolute;left:-2rem;top:.75rem;width:1rem;height:1rem;background:var(--gradient-primary);border-radius:50%;border:4px solid var(--bg-base)}@media(max-width: 767px){.new-page .new-timeline .timeline-item::before{left:calc(-1.5rem + 2px);width:.75rem;height:.75rem;border-width:3px}}.new-page .new-timeline .timeline-item .timeline-date{font-size:.875rem;font-weight:600;color:var(--primary-500);margin-bottom:.5rem}.new-page .new-timeline .timeline-item .timeline-content{padding:1rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem}.new-page .new-timeline .timeline-item .timeline-content .timeline-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.new-page .new-timeline .timeline-item .timeline-content .timeline-desc{color:var(--text-secondary);font-size:.875rem}:root{--primary-start: #667eea;--primary-end: #764ba2;--primary-500: #667eea;--primary-600: #5568d3;--primary-700: #4452bc;--accent-start: #f093fb;--accent-end: #f5576c;--accent-500: #f093fb;--accent-600: #ee6fa8;--accent-700: #eb4b55;--gradient-primary: linear-gradient(135deg, var(--primary-start) 0%, var(--primary-end) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);--gradient-primary-reverse: linear-gradient(315deg, var(--primary-start) 0%, var(--primary-end) 100%);--bg-base: #0f0f15;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-card: #1e3a5f;--bg-card-hover: #243659;--bg-input: #0d2438;--bg-button: #2a5298;--text-primary: #ffffff;--text-secondary: #b8bcc8;--text-tertiary: #7a8394;--text-muted: #5a6370;--border-color: #3a4a5f;--border-color-light: #2a3a4f;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #3b82f6;--glass-bg: rgba(30, 58, 95, 0.7);--glass-border: rgba(58, 74, 95, 0.5);--glass-backdrop: blur(10px)}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-glow: 0 0 20px rgba(102, 126, 234, 0.4);--shadow-glow-accent: 0 0 20px rgba(240, 147, 251, 0.4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.06)}:root{--duration-75: 75ms;--duration-100: 100ms;--duration-150: 150ms;--duration-200: 200ms;--duration-300: 300ms;--duration-500: 500ms;--duration-700: 700ms;--duration-1000: 1000ms;--ease-linear: linear;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1)}:root{--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem}:root{--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-notification: 1080}:root{--transition-fast: var(--duration-150) var(--ease-out);--transition-base: var(--duration-300) var(--ease-out);--transition-slow: var(--duration-500) var(--ease-out);--aspect-video: auto 3 / 4;--aspect-square: 1;--aspect-wide: auto 16 / 9}.error-page,.maintenance-page,.offline-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%)}.error-content{text-align:center;max-width:600px;margin:0 auto;animation:slide-up-animation .6s ease-out forwards}.error-icon{margin-bottom:2rem;font-size:3rem;display:block;margin:0 auto}@media(max-width: 767px){.error-icon{margin-bottom:1.5rem;font-size:2.25rem}}.error-icon svg{margin:0 auto;display:block;width:200px;height:200px;opacity:.9;animation:float-animation 3s ease-in-out infinite}@media(max-width: 767px){.error-icon svg{width:150px;height:150px}}.error-icon svg circle{animation:pulse-animation 2s ease-in-out infinite}.error-code{font-size:3rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:.5rem}@media(max-width: 767px){.error-code{font-size:2.25rem}}.error-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}@media(max-width: 767px){.error-title{font-size:1.25rem}}.error-desc{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem;line-height:1.75}@media(max-width: 767px){.error-desc{font-size:.875rem;margin-bottom:1.5rem}}.error-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}@media(max-width: 767px){.error-actions{gap:.75rem;margin-bottom:1.5rem;flex-direction:column}}.error-actions .action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:1rem;font-weight:600;text-decoration:none;transition:all var(--transition-base);font-size:1rem}@media(max-width: 767px){.error-actions .action-btn{width:100%;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem}}.error-actions .action-btn svg{width:1.25em;height:1.25em}.error-actions .action-btn.primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.error-actions .action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.4)}.error-actions .action-btn.secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color-light)}.error-actions .action-btn.secondary:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500)}.quick-links{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color-light)}@media(max-width: 767px){.quick-links{margin-top:2rem;padding-top:1.5rem}}.quick-links .links-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}@media(max-width: 767px){.quick-links .links-title{font-size:1rem;margin-bottom:.75rem}}.quick-links .links-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1rem}@media(max-width: 767px){.quick-links .links-grid{grid-template-columns:repeat(2, 1fr);gap:.75rem}}.quick-links .links-grid .link-item{padding:1rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;color:var(--text-secondary);text-decoration:none;text-align:center;font-size:.875rem;transition:all var(--transition-base)}.quick-links .links-grid .link-item:hover{background:var(--bg-card-hover);border-color:var(--primary-500);color:var(--primary-500);transform:translateY(-2px)}.quick-links .links-grid .link-item svg{width:1.5em;height:1.5em;margin-bottom:.5rem}.error-404 .error-icon svg{animation:slide-left-animation .8s ease-out infinite}.error-500 .error-icon svg{animation:shake-animation .5s ease-in-out infinite}.error-503 .error-icon svg{animation:pulse-animation 1s ease-in-out infinite}.offline-page .offline-icon{font-size:3rem;margin-bottom:1rem}.offline-page .offline-message{color:var(--text-secondary);margin-bottom:1.5rem}.offline-page .offline-retry{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:1rem;font-size:1rem;font-weight:600;cursor:pointer;outline:none;transition:all var(--transition-base);white-space:nowrap}.offline-page .offline-retry:disabled{opacity:.5;cursor:not-allowed}.offline-page .offline-retry svg{width:1em;height:1em}.offline-page .offline-retry{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.offline-page .offline-retry:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.4)}.offline-page .offline-retry:active:not(:disabled){transform:translateY(0)}.maintenance-page .maintenance-timer{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;margin-bottom:1.5rem}.maintenance-page .maintenance-timer .timer-title{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;font-weight:600}.maintenance-page .maintenance-timer .timer-display{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.maintenance-page .maintenance-timer .timer-display .timer-unit{font-size:.875rem;color:var(--text-secondary)}.maintenance-page .maintenance-updates{background:var(--bg-card);border:1px solid var(--border-color-light);border-radius:1rem;padding:1rem}.maintenance-page .maintenance-updates .updates-title{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.maintenance-page .maintenance-updates .update-item{padding:.5rem 0;border-bottom:1px solid var(--border-color-light);font-size:.875rem;color:var(--text-secondary)}.maintenance-page .maintenance-updates .update-item:last-child{border-bottom:none}.maintenance-page .maintenance-updates .update-item .update-time{color:var(--primary-500);font-weight:600}@media(max-width: 360px){.error-code{font-size:1.875rem}.error-title{font-size:1.125rem}.error-desc{font-size:.75rem}.action-btn{padding:.5rem 1rem;font-size:.75rem}.links-grid{grid-template-columns:1fr}}body{background-color:var(--bg-base);color:var(--text-primary);padding-top:6rem}@media(max-width: 767px){body{padding-top:3.5rem}}@media(max-width: 479px){body{padding-top:3rem}}.app-main{flex:1}img{max-width:100%;height:auto;display:block}img[loading=lazy]{background:var(--bg-secondary)}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:1rem}.video-container iframe,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-500);color:#fff;padding:.75rem 1rem;border-radius:0 0 .75rem 0;z-index:100}.skip-link:focus{top:0}@media print{.no-print,.header,.footer,.sidebar{display:none !important}body{background:#fff;color:#000}a{color:#000;text-decoration:underline}.container{max-width:100%}}@media(prefers-contrast: more){:root{--text-primary: #ffffff;--text-secondary: #e0e0e0;--border-color: #555555}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}@media(prefers-color-scheme: dark){:root{--bg-base: #0f0f15;--bg-primary: #1a1a2e;--text-primary: #ffffff}}@media(prefers-color-scheme: light){:root{--bg-base: #ffffff;--bg-primary: #f5f5f5;--text-primary: #1a1a1a}}