@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");@font-face{font-family:Hanken Grotesk;src:url(/fonts/Hanken_Grotesk/HankenGrotesk-VariableFont_wght.ttf) format("truetype");font-weight:500;font-style:normal}:root{--primary-color:#FDF7F3;--background-color:#FDF7F3;--text-color:#333;--secondary-text-color:#666;--border-color:#a38b8b;--box-shadow:0 4px 8px rgba(0,0,0,0.1);--card-background-color:#ffffff;--figma-primary:#E2002E;--figma-text-dark:#1A1A1A;--figma-text-light:#595959;--figma-border:#E6E6E6}*{box-sizing:border-box;padding:0;margin:0}body,html{height:100%;font-family:Hanken Grotesk,Roboto,sans-serif;background-color:#FDF7F3;color:var(--text-color)}.app-container{width:1920px;height:1080px;background-color:var(--background-color);margin:0 auto;overflow:hidden;position:relative}.header{display:flex;justify-content:space-between;align-items:center;padding:2.5rem 5rem;z-index:1000}.logo{font-weight:700;font-size:3rem}.home-icon{justify-content:center;cursor:pointer}.home-icon,.main-content{display:flex;align-items:center}.main-content{flex-direction:column;padding:4rem 5rem;width:100%;height:calc(100% - 100px);overflow-y:auto;color:#FDF7F3}.title{font-size:56px;font-weight:700;margin-bottom:.5rem}.subtitle,.title{color:#69181D;text-align:center}.subtitle{font-size:44px;font-weight:100;margin-bottom:3rem}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem;gap:3rem;width:100%;max-width:1700px}.video-card{border-radius:20px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer}.video-thumbnail{position:relative;width:100%;height:250px;border-radius:20px solid}.logo-wrapper{position:absolute;top:60px;left:60px;z-index:10}.video-title{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.video-description{font-size:1.1rem;color:var(--figma-text-light);margin:0;line-height:1.4}.video-controls{margin-top:1.5rem;display:flex;justify-content:flex-start;gap:1rem;align-items:center}.control-button{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;transition:transform .1s ease}.control-button:hover{transform:scale(1.1)}.current-video-progress{width:100%;max-width:1200px;margin:2rem auto;padding:1rem;background-color:var(--card-background-color);border-radius:10px;box-shadow:var(--box-shadow)}input[type=range]{width:100%;-webkit-appearance:none;height:10px;background:var(--figma-border);border-radius:5px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--figma-primary);border-radius:50%;cursor:-webkit-grab;cursor:grab}.display-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:black}.video-player{width:100%;height:100%;object-fit:contain}.placeholder{color:white;font-size:2rem;text-align:center}