*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;min-height:100vh;background-color:#000;color:#fff}.navbar{position:fixed;top:0;left:0;right:0;height:64px;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #333;z-index:1000;padding:0 24px}.nav-content{max-width:1200px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:600;color:#fff;text-decoration:none}.nav-links{display:flex;gap:24px}.nav-links a{color:#aaa;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.split-container{min-height:100vh;padding-top:64px;display:flex;flex-direction:column;width:100%}.split-content{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 64px);width:100%}.image-section{height:250px;position:relative;flex-shrink:0}.image-section img{width:100%;height:100%;object-fit:cover}.text-section{padding:32px 24px;background:#111;flex:1}.text-section h1{font-size:2.5rem;margin-bottom:16px;color:#fff}.text-section h2{font-size:1.5rem;color:#aaa;margin-bottom:24px}.text-section p{margin-bottom:16px;color:#ddd}@media (min-width: 640px){.text-section{padding:28px 20px}.text-section h1{font-size:2.2rem}}@media (min-width: 768px){.split-content{flex-direction:row;height:calc(100vh - 64px);width:100%}.image-section{width:50%;height:100%;overflow:hidden;flex-shrink:0}.image-section img{width:100%;height:100%;object-fit:cover;object-position:center}.text-section{width:50%;height:100%;overflow-y:auto;padding:36px;box-sizing:border-box}.card{padding:20px}}@media (min-width: 752px) and (max-width: 1440px){.split-container,.split-content{width:100%;max-width:100%}.image-section{width:50%;height:calc(100vh - 64px);overflow:hidden;flex-shrink:0}.text-section{width:50%;flex-grow:1;padding:32px;box-sizing:border-box}.split-content{display:flex;justify-content:space-between}.image-section img{height:100%;object-fit:cover}}@media (min-width: 1024px){.text-section{padding:42px}.text-section h1{font-size:2.5rem}}@media (min-width: 1440px){.split-container,.split-content{width:100%;max-width:100%}.image-section,.text-section{height:calc(100vh - 64px)}.image-section{overflow:hidden}.text-section{padding:48px;overflow-x:hidden}.nav-content{max-width:1380px}.card{padding:24px}}@media (min-width: 1920px){.nav-content{max-width:100%;padding:0 48px}.text-section{padding:64px}.text-section h1{font-size:3rem;margin-bottom:24px}.text-section h2{font-size:1.8rem}.card{padding:32px;margin-bottom:24px;border-radius:12px}.video-container{margin-bottom:32px}}.card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:24px;margin-bottom:16px}.card-title{font-weight:600;margin-bottom:8px;color:#fff}.video-container{margin-bottom:24px}.video-title{margin-bottom:12px;font-weight:600;color:#fff}.video-frame{width:100%;aspect-ratio:16/9;border:none;border-radius:8px;background:#000}.text-section::-webkit-scrollbar{width:8px}.text-section::-webkit-scrollbar-track{background:#111}.text-section::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.text-section::-webkit-scrollbar-thumb:hover{background:#444}