@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.row-start-2{grid-row-start:2}.row-start-3{grid-row-start:3}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.min-h-screen{min-height:100vh}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.grid-rows-\[20px_1fr_20px\]{grid-template-rows:20px 1fr 20px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-\[24px\]{gap:24px}.gap-\[32px\]{gap:32px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-transparent{border-color:#0000}.text-center{text-align:center}.tracking-\[-\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-\[\#383838\]:hover{background-color:#383838}.hover\:bg-\[\#f2f2f2\]:hover{background-color:#f2f2f2}.hover\:underline:hover{text-decoration-line:underline}.hover\:underline-offset-4:hover{text-underline-offset:4px}}@media (prefers-color-scheme:dark){.dark\:invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media (hover:hover){.dark\:hover\:bg-\[\#1a1a1a\]:hover{background-color:#1a1a1a}.dark\:hover\:bg-\[\#ccc\]:hover{background-color:#ccc}}}*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb)))rgb(var(--background-start-rgb))}:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out fadeIn}video{outline:none}video::-webkit-media-controls-panel{background-color:#000c}.spinner{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:40px;height:40px;margin:20px auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}button:focus,a:focus,input:focus,textarea:focus,select:focus{outline-offset:2px;outline:2px solid #3b82f6}.card-hover{transition:all .3s}.card-hover:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000026}.gradient-blue{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.gradient-purple{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.gradient-green{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}@media (max-width:640px){h1{font-size:2.5rem!important}h2{font-size:2rem!important}h3{font-size:1.5rem!important}}.btn-animate{transition:all .3s;position:relative;overflow:hidden}.btn-animate:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-animate:hover:before{left:100%}@media print{.no-print{display:none!important}}@media (prefers-contrast:high){.card{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}.atfp-container{background-color:#f8f9fa;min-height:100vh;display:flex}.atfp-sidebar{z-index:1000;background-color:#fff;border-right:1px solid #e1e5e9;flex-direction:column;width:200px;height:100vh;display:flex;position:fixed;top:0;left:0}.atfp-logo{background-color:#fff;border-bottom:1px solid #f1f3f4;padding:16px 20px}.atfp-logo a{color:#333;align-items:center;text-decoration:none;display:flex}.atfp-logo-icon{color:#fff;background:linear-gradient(135deg,#4a90e2,#7b68ee);border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;font-size:12px;font-weight:700;display:flex}.atfp-logo-text{color:#4a90e2;letter-spacing:.5px;font-size:18px;font-weight:600}.atfp-nav{flex:1;padding:12px 0;overflow-y:auto}.atfp-nav ul{margin:0;padding:0;list-style:none}.atfp-nav li{margin:0}.atfp-nav a{color:#586069;border-right:2px solid #0000;align-items:center;padding:8px 20px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.atfp-nav a:hover{color:#24292e;background-color:#f6f8fa}.atfp-nav a.active{color:#0366d6;background-color:#f1f8ff;border-right-color:#0366d6;font-weight:500}.atfp-nav a.disabled{color:#959da5;cursor:not-allowed;opacity:.6}.atfp-nav a.disabled:hover{color:#959da5;background-color:#0000}.atfp-nav-icon{text-align:center;width:20px;margin-right:12px;font-size:16px}.atfp-nav-label{flex:1}.atfp-nav-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background-color:#28a745;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:500}.atfp-footer{background-color:#fafbfc;border-top:1px solid #f1f3f4;padding:16px 20px}.atfp-language-selector{margin-bottom:12px}.atfp-language-label{color:#586069;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.atfp-language-select{color:#24292e;background-color:#fff;border:1px solid #d1d5da;border-radius:4px;width:100%;padding:4px 8px;font-size:12px}.atfp-user-status{color:#586069;font-size:11px;font-style:italic}.atfp-main{flex-direction:column;flex:1;min-height:100vh;margin-left:200px;display:flex}.atfp-header{z-index:100;background-color:#fff;border-bottom:1px solid #e1e5e9;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.atfp-header-title{color:#24292e;margin:0;font-size:16px;font-weight:500}.atfp-header-actions{align-items:center;gap:16px;display:flex}.atfp-current-dataset{color:#586069;background-color:#f6f8fa;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.atfp-dataset-indicator{background-color:#28a745;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.atfp-header-buttons{align-items:center;gap:8px;display:flex}.atfp-header-button{color:#586069;cursor:pointer;background:0 0;border:1px solid #d1d5da;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.atfp-header-button:hover{background-color:#f6f8fa;border-color:#c6cbd1}.atfp-content{background-color:#fff;flex:1;padding:32px}.atfp-welcome-title{color:#24292e;margin-bottom:24px;font-size:32px;font-weight:600;line-height:1.25}.atfp-welcome-notice{background-color:#f1f8ff;border-left:4px solid #0366d6;border-radius:0 4px 4px 0;margin-bottom:32px;padding:16px 20px}.atfp-welcome-notice p{color:#24292e;margin:0;font-size:16px;line-height:1.6}.atfp-video-section{margin-bottom:48px}.atfp-video-title{color:#24292e;margin-bottom:16px;font-size:20px;font-weight:500}.atfp-video-container{background-color:#fff;border:1px solid #e1e5e9;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.atfp-video-display{aspect-ratio:16/9;background:linear-gradient(135deg,#e0f7fa 0%,#e1f5fe 25%,#f3e5f5 75%,#fce4ec 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.atfp-video-graphics{text-align:center;position:relative}.atfp-chart-icon{margin-bottom:24px}.atfp-trend-container{margin-bottom:32px;display:inline-block;position:relative}.atfp-trend-svg{width:160px;height:80px;margin-bottom:16px}.atfp-magnifier{background-color:#ffffffe6;border:4px solid #4a90e2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;top:-8px;right:-32px}.atfp-magnifier:after{content:"";background-color:#4a90e2;border-radius:50%;width:16px;height:16px;position:absolute;bottom:-8px;right:-8px;transform:rotate(45deg)}.atfp-logo-large{color:#4a90e2;letter-spacing:4px;text-shadow:0 2px 4px #4a90e233;font-size:80px;font-weight:700}.atfp-play-button{cursor:pointer;background-color:#fffffff2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000026}.atfp-play-button:hover{background-color:#fff;transform:translate(-50%,-50%)scale(1.05)}.atfp-play-icon{color:#586069;width:24px;height:24px;margin-left:4px}.atfp-video-info{background-color:#fff;padding:20px}.atfp-video-info h3{color:#24292e;margin-bottom:8px;font-size:18px;font-weight:500}.atfp-video-info p{color:#586069;font-size:14px;line-height:1.5}.atfp-features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.atfp-feature-card{background-color:#fff;border:1px solid #e1e5e9;border-radius:8px;padding:24px;transition:all .3s;box-shadow:0 1px 3px #0000000d}.atfp-feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.atfp-feature-icon{border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:20px;display:flex}.atfp-feature-icon.blue{color:#0366d6;background-color:#f1f8ff}.atfp-feature-icon.green{color:#28a745;background-color:#f0fff4}.atfp-feature-icon.purple{color:#6f42c1;background-color:#f8f4ff}.atfp-feature-title{color:#24292e;margin-bottom:12px;font-size:18px;font-weight:500}.atfp-feature-description{color:#586069;font-size:14px;line-height:1.6}@media (max-width:768px){.atfp-sidebar{width:100%;height:auto;position:relative}.atfp-main{margin-left:0}.atfp-content{padding:16px}.atfp-welcome-title{font-size:24px}.atfp-logo-large{font-size:48px}.atfp-features{grid-template-columns:1fr}}.atfp-loading{justify-content:center;align-items:center;padding:40px;display:flex}.atfp-spinner{border:2px solid #f1f3f4;border-top-color:#0366d6;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.atfp-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
