@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sarabun:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg: #27282e;--dark-01: #323340;--dark-02: #323340;--white: #ffffff;--primary-color: #4385f5;--text-color: #c5c7c8;--grey-02: #aaaaaa;--body-font-family: "Poppins", sans-serif;--body-font-weight: 400;--body-font-size: 16px;--body-letter-spacing: 0;--body-line-height: 24px;--body-font-style: normal;--head-2-font-family: "Poppins", sans-serif;--head-2-font-weight: 600;--head-2-font-size: 20px;--head-2-letter-spacing: 0;--head-2-line-height: 24px;--head-2-font-style: normal;--body-bold-font-family: "Poppins", sans-serif;--body-bold-font-weight: 600;--body-bold-font-size: 16px;--body-bold-letter-spacing: 0;--body-bold-line-height: 24px;--body-bold-font-style: normal;--body-1-font-family: "Poppins", sans-serif;--body-1-font-weight: 400;--body-1-font-size: 14px;--body-1-letter-spacing: 0;--body-1-line-height: 24px;--body-1-font-style: normal}.video-page{background-color:var(--bg);min-height:100vh;width:100%}.video-page .header{position:fixed;top:0;left:0;right:0;width:100%;height:65px;z-index:1000;display:flex;background:linear-gradient(0deg,rgba(21,22,32,1) 0%,rgba(21,22,32,1) 100%);box-shadow:0 2px 8px #0000004d}.video-page .frame{display:flex;margin-top:7px;width:100%;max-width:1320px;height:52px;margin-left:60px;margin-right:60px;position:relative;align-items:center;gap:83px}.video-page .group{position:relative;width:158px;height:52px}.video-page .div{position:relative;width:160px;height:52px}.video-page .text-wrapper{position:absolute;top:0;left:0;font-family:Poppins,Helvetica;font-weight:700;color:var(--white);font-size:34.9px;letter-spacing:0;line-height:normal;cursor:pointer}.video-page .ellipse{position:absolute;top:8px;left:75px;width:8px;height:8px;background-color:var(--primary-color);border-radius:4px}.video-page .ellipse-2{position:absolute;top:8px;left:88px;width:8px;height:8px;background-color:var(--primary-color);border-radius:4px}.video-page .frame-2{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;flex:0 0 auto}.video-page .frame-3{display:flex;width:548px;align-items:center;gap:8px;padding:8px 20px;position:relative;border-radius:10px;overflow:hidden;border:2px solid var(--dark-02);background:var(--dark-01)}.video-page .div-2{position:relative;width:20px;height:20px}.video-page .text-wrapper-2{position:relative;width:100%;margin-top:-2px;font-family:var(--body-font-family);font-weight:var(--body-font-weight);color:var(--grey-02);font-size:var(--body-font-size);text-align:left;letter-spacing:var(--body-letter-spacing);line-height:var(--body-line-height);white-space:nowrap;font-style:var(--body-font-style);background:transparent;border:none;outline:none}.video-page .text-wrapper-2::placeholder{color:var(--grey-02)}.video-page .div-wrapper{display:flex;flex-direction:column;width:40px;height:40px;align-items:center;justify-content:center;gap:10px;position:relative;border-radius:40px;background:var(--dark-01);cursor:pointer;transition:background-color .3s ease}.video-page .div-wrapper:hover{background-color:#4385f533}.video-page .frame-4{display:flex;align-items:center;gap:20px;position:relative;flex:0 0 auto}.video-page .frame-5{display:flex;height:40px;align-items:center;justify-content:center;gap:10px;padding:10px;position:relative;flex:0 0 auto;border-radius:10px;background:var(--dark-01)}.video-page .element{position:relative;width:20px;height:20px;object-fit:cover}.video-page .text-wrapper-3{margin-top:-3px;margin-bottom:-1px;position:relative;width:fit-content;font-family:var(--body-font-family);font-weight:var(--body-font-weight);color:var(--white);font-size:var(--body-font-size);text-align:center;letter-spacing:var(--body-letter-spacing);line-height:var(--body-line-height);white-space:nowrap;font-style:var(--body-font-style)}.video-page .frame-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:40px;background:var(--dark-01);cursor:pointer;transition:background-color .3s ease}.video-page .frame-wrapper:hover{background-color:#4385f533}.video-page .frame-6{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.video-page .group-2{position:relative;width:166px;height:40px;margin-right:-2px;cursor:pointer}.video-page .rectangle{position:absolute;top:0;left:14px;width:150px;height:40px;border-radius:10px;background:var(--dark-01);transition:background-color .3s ease}.video-page .group-2:hover .rectangle{background-color:#4385f51a}.video-page .text-wrapper-4{position:absolute;top:8px;left:50px;font-family:var(--body-font-family);font-weight:var(--body-font-weight);color:var(--white);font-size:var(--body-font-size);text-align:center;letter-spacing:var(--body-letter-spacing);line-height:var(--body-line-height);white-space:nowrap;font-style:var(--body-font-style)}.video-page .mask-group{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:20px;object-fit:cover}.video-page .ellipse-3{position:absolute;width:8px;height:8px;background-color:#4ade80;border-radius:50%;top:30px;left:30px;border:2px solid var(--dark-01)}.video-page .vector-6{position:absolute;top:16px;right:10px;cursor:pointer}.video-page .explore{display:flex;z-index:100;gap:24px;position:fixed;top:93px;left:60px;flex-direction:column;align-items:flex-start}.video-page .text-wrapper-9{position:relative;width:fit-content;margin-top:-1px;font-family:var(--head-2-font-family);font-weight:var(--head-2-font-weight);color:var(--text-color);font-size:var(--head-2-font-size);letter-spacing:var(--head-2-letter-spacing);line-height:var(--head-2-line-height);white-space:nowrap;font-style:var(--head-2-font-style)}.video-page .div-3{display:flex;width:238px;justify-content:center;gap:30px;padding:26px 30px;position:relative;flex:0 0 auto;border-radius:20px;overflow:hidden;box-shadow:0 10px 20px #1a28371f;background:var(--dark-01);flex-direction:column;align-items:flex-start}.video-page .frame-19,.video-page .frame-20,.video-page .frame-21,.video-page .frame-22{display:flex;align-items:center;gap:20px;position:relative;flex:0 0 auto;cursor:pointer;transition:all .3s ease}.video-page .frame-19:hover,.video-page .frame-20:hover,.video-page .frame-21:hover,.video-page .frame-22:hover{transform:translate(5px)}.video-page .text-wrapper-10{color:var(--primary-color);font-size:var(--head-2-font-size);position:relative;width:fit-content;margin-top:-1px;font-family:var(--head-2-font-family);font-weight:var(--head-2-font-weight);letter-spacing:var(--head-2-letter-spacing);line-height:var(--head-2-line-height);white-space:nowrap;font-style:var(--head-2-font-style)}.video-page .text-wrapper-11{position:relative;width:fit-content;margin-top:-1px;font-family:var(--head-2-font-family);font-weight:var(--head-2-font-weight);color:var(--text-color);font-size:var(--head-2-font-size);letter-spacing:var(--head-2-letter-spacing);line-height:var(--head-2-line-height);white-space:nowrap;font-style:var(--head-2-font-style)}.video-page .frame-23{display:flex;margin-left:320px;margin-right:40px;width:calc(100% - 360px);max-width:1060px;position:relative;margin-top:93px;padding-top:20px;flex-direction:column;align-items:flex-start;gap:30px;padding-bottom:40px}.video-page .frame-24{display:flex;flex-direction:column;align-items:flex-start;gap:30px;position:relative;flex:0 0 auto;width:100%}.video-page .frame-25{display:flex;align-items:center;gap:10px;position:relative;flex:0 0 auto}.video-page .text-wrapper-12{position:relative;width:fit-content;font-family:var(--head-2-font-family);font-weight:var(--head-2-font-weight);color:var(--text-color);font-size:var(--head-2-font-size);letter-spacing:var(--head-2-letter-spacing);line-height:var(--head-2-line-height);white-space:nowrap;font-style:var(--head-2-font-style)}.video-page .frame-8{display:flex;align-items:flex-start;gap:10px;position:relative;flex:0 0 auto;flex-wrap:wrap;width:100%}.video-page .frame-26{display:flex;flex-direction:column;align-items:flex-start;gap:20px;position:relative;flex:0 0 auto;cursor:pointer;transition:transform .3s ease;width:calc(25% - 10px)}.video-page .frame-26:hover{transform:translateY(-5px)}.video-page .frame-27,.video-page .frame-31,.video-page .frame-33,.video-page .frame-34,.video-page .frame-35,.video-page .frame-36,.video-page .frame-37,.video-page .frame-38,.video-page .frame-39,.video-page .frame-40,.video-page .frame-41,.video-page .frame-42{position:relative;width:100%;height:167px;background-size:cover;background-position:50% 50%;border-radius:10px;overflow:hidden}.video-page .frame-28,.video-page .frame-32{display:flex;align-items:center;gap:5px;padding:5px;position:absolute;right:10px;bottom:10px;background-color:#000000b3;border-radius:30px}.video-page .text-wrapper-5{position:relative;width:fit-content;margin-top:-1px;font-family:var(--body-font-family);font-weight:var(--body-font-weight);color:var(--white);font-size:var(--body-font-size);text-align:center;letter-spacing:var(--body-letter-spacing);line-height:var(--body-line-height);white-space:nowrap;font-style:var(--body-font-style)}.video-page .ellipse-5{position:relative;width:50px;height:50px;object-fit:cover;border-radius:25px}.video-page .frame-30{display:flex;flex-direction:column;align-items:flex-start;position:relative;flex:0 0 auto;width:100%}.video-page .frame-29{display:flex;align-items:flex-start;gap:10px;width:100%}.video-page .text-wrapper-13{position:relative;width:100%;margin-top:-1px;font-family:var(--body-bold-font-family);font-weight:var(--body-bold-font-weight);color:var(--white);font-size:var(--body-bold-font-size);letter-spacing:var(--body-bold-letter-spacing);line-height:var(--body-bold-line-height);font-style:var(--body-bold-font-style);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-page .text-wrapper-14{position:relative;width:fit-content;font-family:var(--body-1-font-family);font-weight:var(--body-1-font-weight);color:var(--text-color);font-size:var(--body-1-font-size);letter-spacing:var(--body-1-letter-spacing);line-height:var(--body-1-line-height);white-space:nowrap;font-style:var(--body-1-font-style)}.video-page .text-wrapper-15{margin-top:-1px;font-family:var(--body-bold-font-family);font-weight:var(--body-bold-font-weight);color:var(--white);font-size:var(--body-bold-font-size);position:relative;width:fit-content;letter-spacing:var(--body-bold-letter-spacing);line-height:var(--body-bold-line-height);white-space:nowrap;font-style:var(--body-bold-font-style)}.video-page .frame-43{display:flex;align-items:center;justify-content:flex-end;gap:10px;position:relative;align-self:stretch;width:100%;flex:0 0 auto;cursor:pointer;transition:all .3s ease}.video-page .frame-43:hover{opacity:.8}.video-page .text-wrapper-16{position:relative;width:fit-content;margin-top:-1px;font-family:var(--body-bold-font-family);font-weight:var(--body-bold-font-weight);color:var(--primary-color);font-size:var(--body-bold-font-size);letter-spacing:var(--body-bold-letter-spacing);line-height:var(--body-bold-line-height);white-space:nowrap;font-style:var(--body-bold-font-style)}.video-page .live-carousel{display:flex;align-items:center;gap:28px;width:100%;margin-bottom:30px}.video-page .carousel-button{padding:10px;background:var(--dark-01);border-radius:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s ease;flex-shrink:0}.video-page .carousel-button:hover{background-color:#4385f533}.video-page .carousel-content{display:flex;justify-content:flex-start;align-items:flex-start;gap:10px;flex:1}.video-page .live-video-container{position:relative;width:593px;height:338px;flex-shrink:0}.video-page .live-video-container img{width:100%;height:100%;border-radius:20px;object-fit:cover}.video-page .live-controls{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);border-radius:0 0 20px 20px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.video-page .live-info-card{width:256px;height:338px;padding:20px;background:var(--dark-01);border-radius:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;overflow:hidden;flex-shrink:0}.video-page .div-4{display:flex;width:238px;padding:26px 30px;flex-direction:column;align-items:flex-start;gap:30px;border-radius:20px;background:var(--dark-01);box-shadow:0 10px 20px #1a28371f}.video-page .frame-44{display:flex;align-items:center;gap:20px;cursor:pointer;transition:all .3s ease}.video-page .frame-44:hover{transform:translate(5px)}.video-page .mingcute-star-fill,.video-page .mdi-art{width:40px;height:40px;background:var(--dark-01);border-radius:40px;display:flex;align-items:center;justify-content:center}.video-page .vector-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.video-player-container{position:relative;width:100%;max-width:100%;aspect-ratio:16 / 9;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000004d;transition:all .3s ease}.video-player-container video{width:100%;height:100%;display:block;object-fit:contain;cursor:pointer;border-radius:inherit}.custom-video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,transparent 100%);padding:20px 24px 16px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:10;backdrop-filter:blur(10px)}.custom-video-controls.visible,.video-player-container:hover .custom-video-controls,.video-player-container .custom-video-controls.visible{opacity:1;visibility:visible}.progress-bar-container{width:100%;margin-bottom:12px;cursor:pointer;padding:0 8px}.progress-bar{position:relative;width:100%;height:4px;background:rgba(255,255,255,.2);border-radius:2px;transition:height .2s ease}.progress-bar:hover{height:6px}.progress-bar-hover{position:absolute;top:0;left:0;height:100%;background:rgba(255,255,255,.4);border-radius:2px;pointer-events:none;transition:width .1s ease;z-index:1}.progress-bar-filled{position:absolute;top:0;left:0;height:100%;background:linear-gradient(to right,var(--primary-color),#5a9fff);border-radius:2px;transition:width .1s ease;z-index:2}.progress-bar-buffered{position:absolute;top:0;left:0;height:100%;background:rgba(255,255,255,.3);border-radius:2px;transition:width .3s ease;z-index:0}.progress-bar-scrubber{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--primary-color);border-radius:50%;box-shadow:0 0 0 2px #4385f580,0 2px 8px #0006;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:3}.progress-bar:hover .progress-bar-scrubber{opacity:1}.progress-bar-tooltip{position:absolute;bottom:100%;left:0;transform:translate(-50%);background:rgba(0,0,0,.9);color:var(--white);padding:4px 8px;border-radius:4px;font-family:var(--body-font-family);font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;margin-bottom:8px;box-shadow:0 2px 8px #0000004d}.progress-bar:hover .progress-bar-tooltip{opacity:1}.controls-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.controls-left,.controls-right{display:flex;align-items:center;gap:12px}.control-btn{background:transparent;border:none;color:var(--white);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:all .2s ease;padding:0;position:relative;overflow:hidden}.control-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(67,133,245,.2),transparent);transition:left .5s}.control-btn:hover:before{left:100%}.control-btn:hover{background:rgba(67,133,245,.15);transform:scale(1.05);box-shadow:0 0 0 2px #4385f54d}.control-btn:active{transform:scale(.95)}.control-btn svg{width:20px;height:20px;fill:currentColor;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.play-pause-btn svg{width:24px;height:24px}.volume-btn{position:relative}.volume-slider-container{display:flex;align-items:center;opacity:0;width:0;overflow:hidden;transition:all .3s ease}.controls-left:hover .volume-slider-container{opacity:1;width:90px;margin-left:8px}.volume-slider{width:100%;height:4px;background:rgba(255,255,255,.2);border-radius:2px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;transition:background .2s ease}.volume-slider:hover{background:rgba(255,255,255,.3)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--white);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .1s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--white);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:transform .1s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.time-display{display:flex;align-items:center;gap:4px;font-family:var(--body-font-family);font-size:14px;font-weight:500;color:var(--white);user-select:none;min-width:90px;opacity:.9}.time-separator{opacity:.7}.speed-btn,.quality-btn{width:auto;padding:8px 12px;min-width:48px;font-family:var(--body-font-family);font-size:13px;font-weight:600;color:var(--white);background:rgba(0,0,0,.3);border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.speed-btn:hover,.quality-btn:hover{background:rgba(67,133,245,.15);border-color:#4385f54d;color:var(--white);box-shadow:0 0 0 2px #4385f533}.speed-text,.quality-text{display:block}#video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;display:none;flex-direction:column;align-items:center;gap:16px;pointer-events:none}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:var(--white);font-family:var(--body-font-family);font-size:14px;font-weight:500;opacity:.9}.video-player-container:fullscreen{border-radius:0;z-index:9999}.video-player-container:fullscreen .custom-video-controls{padding:24px 32px 20px}.control-btn:focus,.progress-bar:focus{outline:2px solid var(--primary-color);outline-offset:2px}*{-webkit-tap-highlight-color:transparent}.video-player-container *{box-sizing:border-box}.custom-video-controls:before{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);pointer-events:none;z-index:-1}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}.control-btn:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%) scale(0);pointer-events:none}.control-btn:active:after{animation:ripple .6s ease-out}.video-title-overlay{position:absolute;top:24px;left:24px;right:24px;color:var(--white);font-family:var(--body-font-family);font-size:20px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.7);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:9;max-height:60px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.custom-video-controls.visible~.video-title-overlay,.video-player-container:hover .video-title-overlay{opacity:1}.back-btn{position:absolute;top:24px;left:24px;z-index:11;opacity:0;transition:opacity .3s ease;background:rgba(0,0,0,.5);border-radius:50%;padding:8px}.video-player-container:fullscreen .back-btn{opacity:1}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) var(--volume-percent, 100%),rgba(255,255,255,.2) var(--volume-percent, 100%),rgba(255,255,255,.2) 100%);height:4px;border-radius:2px}.volume-slider::-moz-range-track{background:rgba(255,255,255,.2);height:4px;border-radius:2px}.volume-slider::-moz-range-progress{background:var(--primary-color);height:4px;border-radius:2px}@media (max-width: 1440px){.video-page .frame{width:calc(100% - 120px)}.video-page .explore{left:20px}.video-page .frame-23{margin-left:280px;width:calc(100% - 320px)}}@media (max-width: 1200px){.video-page .frame-26{width:calc(33.333% - 10px)}.video-player-container{aspect-ratio:16 / 9}}@media (max-width: 768px){.video-page .explore{display:none}.video-page .frame-23{margin-left:20px;margin-right:20px;width:calc(100% - 40px)}.video-page .frame-8{justify-content:center}.video-page .frame-26{width:calc(50% - 10px)}.video-page .live-video-container{width:100%}.video-page .live-info-card{display:none}.custom-video-controls{padding:16px 16px 12px}.control-btn{width:40px;height:40px}.control-btn svg{width:18px;height:18px}.play-pause-btn svg{width:20px;height:20px}.time-display{font-size:13px;min-width:75px}.speed-btn,.quality-btn{padding:6px 10px;min-width:42px;font-size:12px}.volume-slider-container{display:none}.controls-left,.controls-right{gap:8px}.video-title-overlay{font-size:18px;top:20px;left:20px;right:20px}.back-btn{top:20px;left:20px}}@media (max-width: 480px){.video-page .frame-26{width:100%}.settings-btn,.quality-btn,.speed-btn{display:none}.custom-video-controls{padding:12px 12px 8px}.progress-bar-container{padding:0 4px}.controls-bottom{gap:8px}.controls-left,.controls-right{gap:4px}.time-display{display:none}.video-title-overlay{font-size:16px;max-height:48px}}:root{--color-primary: #4f46e5;--color-primary-dark: #4338ca;--color-secondary: #9333ea;--color-accent: #ec4899;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.notebook-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc 0%,#e0e7ff 50%,#ede9fe 100%);position:relative}.notebook-container:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(147,51,234,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.notebook-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.8);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(226,232,240,.6);box-shadow:0 1px 3px #0000000d;transition:all var(--transition-base)}.notebook-header:hover{background:rgba(255,255,255,.95)}.notebook-title-gradient{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 50%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.025em}.kernel-status-dot{display:inline-block;width:.5rem;height:.5rem;border-radius:9999px;transition:all var(--transition-base)}.kernel-status-dot.idle{background-color:var(--color-success);box-shadow:0 0 0 3px #10b98133}.kernel-status-dot.busy{background-color:var(--color-warning);box-shadow:0 0 0 3px #f59e0b33;animation:pulse-glow 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 #f59e0bb3}50%{opacity:.8;box-shadow:0 0 0 6px #f59e0b00}}.button-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 6px -1px #4f46e533;overflow:hidden}.button-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);opacity:0;transition:opacity var(--transition-base)}.button-primary:hover:before{opacity:1}.button-primary:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #4f46e54d}.button-primary:active{transform:translateY(0)}.button-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-primary>*{position:relative;z-index:1}@keyframes scale-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse-slow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-fade-in{animation:fade-in .2s ease-out}.animate-scale-in{animation:scale-in .3s cubic-bezier(.175,.885,.32,1.275)}.animate-pulse-slow{animation:pulse-slow 2s cubic-bezier(.4,0,.6,1) infinite}.button-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:white;border:1px solid var(--border-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.button-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.cells-container{position:relative;z-index:1;display:flex;flex-direction:column;gap:.75rem;max-width:80rem;margin:0 auto;padding:2rem 1.5rem}.cell-wrapper{position:relative;animation:slide-in-up .3s cubic-bezier(.4,0,.2,1)}@keyframes slide-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cell{position:relative;background:white;border-radius:var(--radius-2xl);border:2px solid var(--border-primary);transition:all var(--transition-base);overflow:hidden}.cell:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.03) 0%,rgba(147,51,234,.03) 100%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.cell:hover:before{opacity:1}.cell:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-lg)}.cell.selected{border-color:#c084fc;box-shadow:0 20px 25px -5px #c084fc1a,0 0 0 4px #c084fc1a}.cell.executing{border-color:#fbbf24;box-shadow:0 0 0 4px #fbbf241a;animation:pulse-border 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-border{0%,to{border-color:#fbbf24}50%{border-color:#f59e0b}}.cell-gutter{flex-shrink:0;width:5rem;display:flex;flex-direction:column;align-items:center;padding:1rem 0;background:linear-gradient(180deg,#f8fafc 0%,white 100%);border-right:1px solid var(--border-primary);gap:.5rem}.cell-run-button{position:relative;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);overflow:hidden}.cell-run-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);opacity:0;transition:opacity var(--transition-base)}.cell-run-button:hover{color:#fff;transform:scale(1.05);box-shadow:var(--shadow-md)}.cell-run-button:hover:before{opacity:1}.cell-run-button svg{position:relative;z-index:1}.cell-run-button:active{transform:scale(.95)}.code-editor-wrapper{position:relative;flex:1;min-width:0}.code-textarea{width:100%;padding:1.5rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.875rem;line-height:1.6;color:var(--text-primary);background:rgba(248,250,252,.5);border:0;resize:none;overflow:hidden;min-height:80px;tab-size:4;transition:background-color var(--transition-base)}.code-textarea:focus{outline:none;background:white}.code-textarea::placeholder{color:var(--text-tertiary);font-style:italic}.code-editor-focused{animation:editor-focus .3s cubic-bezier(.4,0,.2,1)}@keyframes editor-focus{0%{background:rgba(99,102,241,.05)}to{background:transparent}}.cell-output-container{border-top:1px solid var(--border-primary);background:white;animation:slide-down .3s cubic-bezier(.4,0,.2,1)}@keyframes slide-down{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.cell-output{padding:1rem 1.5rem}.output-text{font-family:JetBrains Mono,Courier New,monospace;font-size:.875rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.output-error{padding:1rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.75rem;line-height:1.5;color:#dc2626;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-left:4px solid #ef4444;border-radius:var(--radius-md)}.output-json{font-family:JetBrains Mono,Courier New,monospace;font-size:.75rem;line-height:1.5;color:var(--text-secondary);background:var(--bg-tertiary);padding:1rem;border-radius:var(--radius-xl);border:1px solid var(--border-primary);overflow-x:auto}.add-cell-divider{height:2.5rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.cell-wrapper:hover .add-cell-divider{opacity:1}.add-cell-button{position:relative;display:flex;align-items:center;gap:.5rem;padding:.375rem 1rem;background:white;border:2px solid var(--border-primary);color:var(--text-tertiary);font-size:.75rem;font-weight:500;border-radius:9999px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.add-cell-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(147,51,234,.1) 100%);opacity:0;transition:opacity var(--transition-base)}.add-cell-button:hover:before{opacity:1}.add-cell-button:hover{border-color:#c084fc;color:#7c3aed;transform:scale(1.05);box-shadow:var(--shadow-md)}.add-cell-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid var(--border-primary);padding:.5rem;z-index:20;min-width:200px;animation:menu-appear .2s cubic-bezier(.4,0,.2,1)}@keyframes menu-appear{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.add-cell-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem 1rem;font-size:.875rem;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.add-cell-menu-item:hover{background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,rgba(147,51,234,.05) 100%);color:var(--color-primary)}.add-cell-menu-item-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.add-cell-menu-item:hover .add-cell-menu-item-icon{transform:scale(1.1)}.empty-notebook{background:white;border-radius:var(--radius-2xl);border:2px dashed var(--border-secondary);padding:4rem 2rem;text-align:center;animation:fade-in .5s cubic-bezier(.4,0,.2,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.empty-notebook-icon{width:5rem;height:5rem;margin:0 auto 1.5rem;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(147,51,234,.1) 100%);border-radius:9999px;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-notebook-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.empty-notebook-description{color:var(--text-tertiary);margin-bottom:2rem;max-width:32rem;margin-left:auto;margin-right:auto}.cell-toolbar{opacity:0;transition:opacity var(--transition-base);pointer-events:none}.cell:hover .cell-toolbar,.cell.selected .cell-toolbar{opacity:1;pointer-events:auto}.cell-toolbar-button{padding:.375rem;color:var(--text-tertiary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.cell-toolbar-button:hover{color:var(--color-primary);background:rgba(99,102,241,.1)}.dropdown-menu{position:absolute;background:white;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-primary);padding:.25rem;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:10}.dropdown-trigger:hover .dropdown-menu{opacity:1;visibility:visible}.dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:.75rem;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-divider{height:1px;background:var(--border-primary);margin:.25rem 0}.execution-counter{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;color:var(--color-primary);margin-top:.25rem}.execution-counter.empty{color:var(--text-tertiary)}.spinner{border:3px solid rgba(79,70,229,.1);border-top-color:var(--color-primary);border-radius:9999px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.markdown-preview{padding:1.5rem}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.3}.markdown-preview h1{font-size:2rem;border-bottom:2px solid var(--border-primary);padding-bottom:.5rem;margin-top:0}.markdown-preview h2{font-size:1.5rem;border-bottom:1px solid var(--border-primary);padding-bottom:.375rem}.markdown-preview h3{font-size:1.25rem}.markdown-preview p{margin-bottom:1rem;color:var(--text-secondary);line-height:1.7}.markdown-preview code{background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.875rem;font-family:JetBrains Mono,monospace;color:var(--color-primary);border:1px solid var(--border-primary)}.markdown-preview pre{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:var(--radius-xl);overflow-x:auto;margin-bottom:1rem;border:1px solid #334155}.markdown-preview pre code{background:transparent;padding:0;border:none;color:inherit}.markdown-preview ul,.markdown-preview ol{margin-bottom:1rem;padding-left:2rem}.markdown-preview li{margin-bottom:.5rem;color:var(--text-secondary)}.markdown-preview blockquote{border-left:4px solid var(--color-primary);padding-left:1rem;margin:1rem 0;color:var(--text-secondary);font-style:italic;background:rgba(99,102,241,.05);padding:1rem;border-radius:0 var(--radius-md) var(--radius-md) 0}.markdown-preview table{width:100%;border-collapse:collapse;margin-bottom:1rem}.markdown-preview th,.markdown-preview td{padding:.75rem;text-align:left;border:1px solid var(--border-primary)}.markdown-preview th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.markdown-preview a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.markdown-preview a:hover{border-bottom-color:var(--color-primary)}.notification{position:fixed;padding:1rem 1.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);font-size:.875rem;font-weight:500;z-index:100;animation:slide-in-right .3s cubic-bezier(.4,0,.2,1)}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification.success{background:var(--color-success);color:#fff}.notification.error{background:var(--color-error);color:#fff}.notification.info{background:var(--color-info);color:#fff}.notification.warning{background:var(--color-warning);color:#fff}@keyframes animate-flash{0%,to{opacity:0}50%{opacity:.3}}.animate-flash{animation:animate-flash .5s cubic-bezier(.4,0,.2,1)}.animate-fade-in{animation:fade-in .3s cubic-bezier(.4,0,.2,1)}.animate-slide-up{animation:slide-up .3s cubic-bezier(.4,0,.2,1)}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.cells-container{padding:1rem}.cell-gutter{width:4rem}.code-textarea{font-size:.75rem;padding:1rem}.cell-run-button{width:2rem;height:2rem}.button-primary,.button-secondary{padding:.375rem .75rem;font-size:.75rem}.notebook-header{padding:.75rem 1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-sm)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@layer base{html{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre,.font-mono{font-family:JetBrains Mono,Courier New,monospace}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}}#video-call-container[data-hidden=true],#video-call-container.hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}[phx-hook=VideoCall][style*="display: flex"]{display:none!important}#video-call-container:not([data-hidden="true"]){display:flex!important;visibility:visible!important;opacity:1!important}.video-call-transition{transition:none!important}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.video-call-container{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#f0f0f0;border-radius:10px}.local-video,.remote-video{width:300px;height:200px;border:1px solid #ccc;background:#000;object-fit:cover}.btn{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.btn:hover{background:#0056b3}.error-message{color:red;font-weight:700}.video-call-container{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:20px;background-color:#f0f0f0;padding:15px;border-radius:8px}.remote-video{width:100%;max-height:300px;border-radius:8px;background-color:#000}.local-video{position:absolute;width:150px;height:150px;bottom:20px;right:20px;border-radius:8px;border:2px solid white;background-color:#000;z-index:10}.btn{margin-top:10px;padding:8px 16px;background-color:#4a5568;color:#fff;border-radius:4px;cursor:pointer}.error-message{color:#e53e3e;margin-top:8px}.video-call-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto 20px;background-color:#f0f0f0;padding:15px;border-radius:8px;min-height:400px}.remote-video{width:100%;max-height:300px;border-radius:8px;background-color:#000;object-fit:cover;min-height:240px;border:3px solid #4a5568}.local-video{position:absolute;width:150px;height:150px;bottom:20px;right:20px;border-radius:8px;border:2px solid white;background-color:#000;z-index:10;object-fit:cover}video{display:block!important}.remote-video:not([srcObject]),.local-video:not([srcObject]){background:repeating-linear-gradient(45deg,#000,#000 10px,#333 10px,#333 20px)}.btn{margin-top:10px;padding:8px 16px;background-color:#4a5568;color:#fff;border-radius:4px;cursor:pointer;font-weight:700}.btn:hover{background-color:#2d3748}.error-message{color:#e53e3e;margin-top:8px;font-weight:700}#video-call-diagnostic{max-height:200px;overflow-y:auto;background-color:#f8f8f8;border:1px solid #ddd;padding:10px;margin:10px 0;font-family:monospace;font-size:12px}.status-indicator{padding:5px 10px;border-radius:4px;font-size:12px;font-weight:700;margin-bottom:10px}.status-connected{background-color:#48bb78;color:#fff}.status-disconnected{background-color:#f56565;color:#fff}.status-ringing{background-color:#ecc94b;color:#4a5568}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert p{margin-bottom:0}.alert:empty{display:none}.invalid-feedback{color:#a94442;display:block;margin:-1rem 0 2rem}.phx-no-feedback.invalid-feedback,.phx-no-feedback .invalid-feedback{display:none}.phx-click-loading{opacity:.5;transition:opacity 1s ease-out}.phx-loading{cursor:wait}.phx-modal{position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto}.phx-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#0008}.phx-modal-content{position:relative;z-index:12;background-color:#fefefe;width:100%;max-width:800px;padding:40px 35px}.phx-modal-close{color:#aaa;float:right;font-size:28px;font-weight:700;border-radius:50%;background:#fafafa;position:relative;top:-20px;padding:20px;left:0;z-index:20}.phx-modal-close:hover,.phx-modal-close:focus{color:#000;text-decoration:none;cursor:pointer}.fade-in-scale{animation:.2s ease-in 0s normal forwards 1 fade-in-scale-keys}.fade-out-scale{animation:.2s ease-out 0s normal forwards 1 fade-out-scale-keys}.fade-in{animation:.2s ease-out 0s normal forwards 1 fade-in-keys}.fade-out{animation:.2s ease-out 0s normal forwards 1 fade-out-keys}.fade-visibility{animation:.2s ease-out 0s normal forwards 1 fade-visibility}.fade-overflow{animation:.2s ease-out 0s normal forwards 1 fade-overflow}@keyframes fade-in-scale-keys{0%{scale:.95;opacity:0}to{scale:1;opacity:1}}@keyframes fade-out-scale-keys{0%{scale:1;opacity:1}to{scale:.95;opacity:0}}@keyframes fade-in-keys{0%{opacity:0}to{opacity:1}}@keyframes fade-out-keys{0%{opacity:1}to{opacity:0}}@keyframes fade-visible{0%{opacity:0;visibility:hidden}to{opacity:0;visibility:visible}}@keyframes fade-overflow{0%{opacity:0;overflow-y:hidden;max-height:0}to{overflow-y:visible;opacity:1;max-height:100%}}.dropdown_user_account.show{display:block}.magnifying_glass_icon path{stroke:#afafaf}.social-box{box-shadow:0 10px 20px #7090b01f}.hero-section{position:relative;background-blend-mode:overlay;background-attachment:fixed;background-position:center;background-color:#000;background-size:cover}.social-icon{display:block;margin:0 auto;border-radius:50%;background-color:#fffc;padding:6px}.split{z-index:1;top:0;overflow-x:hidden}.left{left:0;background-color:#000;width:60%;overflow-y:hidden;position:relative}@media (max-width: 750px){.left{width:100%;overflow-y:hidden;position:initial;height:100px;bottom:0}}.right{right:0;background-color:#e5e5e5;width:100%;position:relative}@media (max-width: 750px){.right{right:0;background-color:#ededed;width:100%;position:initial;height:100%}}.welcome-left-title{color:#fff;position:absolute;inset:5% 0 89.78% 14.5%;font-family:Poppins;font-style:normal;font-weight:700;font-size:32px;line-height:32px;text-align:center;z-index:10}@media (max-width: 750px){.welcome-left-title{inset:25px 0 0 27px;font-family:Poppins;font-style:normal;font-weight:700;font-size:32px;line-height:32px;text-align:center;z-index:2000;height:50px;background:unset;position:relative;color:#fff}.welcome-left-title img{height:45px;width:135px}}@media (max-width: 750px){.welcome-left-text.mobile{color:#ededed;left:0;bottom:0;font-family:Poppins;font-style:normal;font-weight:400;font-size:22px;line-height:2.25rem;height:inherit;position:initial;min-height:24vh;display:flex;align-items:center;max-height:40vh;background:#000;width:100%;z-index:5}}.welcome-left-text{color:#fff;position:absolute;left:13%;right:0%;bottom:0;font-family:Poppins;font-style:normal;font-weight:400;font-size:28px;line-height:2.25rem;z-index:10}.login .welcome-left-text,.reset .welcome-left-text{top:82%}@media (max-width: 750px){.welcome-left-text{color:#ededed;position:absolute;left:0;bottom:0;font-family:Poppins;font-style:normal;font-weight:400;font-size:22px;line-height:2.25rem;z-index:1000;height:20vh;background:#000;width:100%}}@media (max-width: 750px){.welcome-layer-style{position:absolute;z-index:125;background:linear-gradient(45deg,black,transparent);height:100px;width:100%;top:0}}.welcome-left-logo{height:100%;background-image:url(/images/bg-globe-c4427a01ee03b5e15842fb4c4bf12b8b.jpg?vsn=d);background-repeat:no-repeat;background-size:cover;background-position-x:50%;z-index:5;top:-10px;position:relative}@media (max-width: 750px){.welcome-left-logo{height:220px;background-image:url(/images/bg-globe-c4427a01ee03b5e15842fb4c4bf12b8b.jpg?vsn=d);background-repeat:no-repeat;background-size:auto;background-position-x:50%;z-index:120;top:0;width:100%;position:absolute;background-position-y:31%}}.centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width: 750px){.centered{position:unset;width:100%;top:unset;left:unset;transform:translate(0)}}.form-body{flex:none;order:1;flex-grow:0}.form-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px;gap:30px;background:#fff;box-shadow:0 10px 20px #7090b040;border-radius:20px}@media (max-width: 750px){.form-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;max-width:unset;min-width:240px;padding:2rem;gap:30px;background:#fff;box-shadow:0 10px 20px #7090b040;border-radius:0;height:100%}}.form-header{position:relative;left:-2px;font-family:Poppins,sans-serif;font-style:normal;font-weight:700;font-size:24px;line-height:32px;text-align:left;flex:none;order:0;flex-grow:0;color:#000c}.form-input-label{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:#000;flex:none;order:0;flex-grow:0}.form-input::placeholder{font-family:Inter,sans-serif;font-weight:400;color:#c5c7c8}.form-input{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px 24px;width:100%;height:48px;background:linear-gradient(0deg,rgba(255,255,255,.88),rgba(255,255,255,.88)),#d2d2d1;border:2px solid #d2d2d1;border-radius:10px;flex:none;order:1;align-self:stretch;flex-grow:0}@media (max-width: 750px){.form-input{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px 24px;width:100%;height:48px;background:linear-gradient(0deg,rgba(255,255,255,.9),rgba(255,255,255,.9)),#d2d2d1;border:2px solid #d2d2d1;border-radius:10px;flex:none;order:1;align-self:stretch;flex-grow:0}}.form-input-container{display:flex;flex-direction:column;align-items:flex-start;padding:0;margin-bottom:20px;gap:8px;left:0;top:102px}.login{display:flex;position:relative;width:100%;margin:0;padding:0}@media (max-width: 750px){.login{display:flex;position:relative;width:100%;margin:0;padding:0;align-items:center;min-height:100vh;background:#000}}.login .form-link{margin:30px 0 30px 1px;font-family:Poppins;font-style:normal;text-align:left;color:#4385f5}.login .form-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 48px;gap:12px;width:180px;height:48px;left:0;top:267.5px;background:#4385f5;border-radius:10px;color:#fffc;margin-top:5%}.login .form-redirect{position:absolute;left:calc(50% - 13.5px);top:calc(50% + 122px);font-family:Inter;font-style:normal;font-weight:600;font-size:16px;line-height:24px;text-align:center;color:#4385f5}.signup{display:flex;position:relative;width:100%;margin:0;padding:0;min-height:100vh}.signup .form-link{margin:10px 0 10px 1px;font-family:Poppins;font-style:normal;text-align:left;color:#4385f5}.signup .form-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 48px;gap:12px;width:180px;height:48px;left:0;top:267.5px;background:#4385f5;border-radius:10px;color:#fffc;margin-top:5%}.signup .form-redirect{position:absolute;left:calc(50% - 13.5px);top:calc(50% + 122px);font-family:Inter;font-style:normal;font-weight:600;font-size:16px;line-height:24px;text-align:center;color:#4385f5}.reset{display:flex;position:relative;width:100%;margin:0;padding:0}@media (max-width: 750px){.reset{display:flex;position:relative;width:100%;margin:0;padding:0;align-items:center;min-height:100vh;background:#000}}.reset .form-link{margin:10px 0 10px 1px;font-family:Poppins;font-style:normal;text-align:left;color:#4385f5}.reset .form-button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 48px;gap:12px;width:180px;height:48px;left:0;top:267.5px;background:#4385f5;border-radius:10px;color:#fffc;margin-top:5%}.reset .form-redirect{position:absolute;left:calc(50% - 13.5px);top:calc(50% + 122px);font-family:Inter;font-style:normal;font-weight:600;font-size:16px;line-height:24px;text-align:center;color:#4385f5}.phx-modal .form-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:28px 30px 0;gap:30px;background:#fff;box-shadow:0 10px 20px #7090b040;border-radius:20px;margin:30px 0}.phx-modal .form-container .form-text-area{resize:none;overflow:auto;background:linear-gradient(0deg,rgba(255,255,255,.88),rgba(255,255,255,.88)),#d2d2d1;position:relative;z-index:100}.phx-modal .form-container .form__label-cover-image{background:linear-gradient(0deg,#5d5f63,#5d5f63),#d2d2d1;border:2px solid #d2d2d1;border-radius:10px}.phx-modal .form-container .form__label-cover-image:hover svg{z-index:30;cursor:pointer;visibility:visible}.phx-modal .form-container .form-file-input{visibility:hidden}.phx-modal .form-container .form__label-profile-photo:hover svg{z-index:30;cursor:pointer;visibility:visible}.js--accordion.acc-active{overflow:visible;max-height:100%}.custom-box-shadow{box-shadow:0 10px 20px #7090b01f}.icon-drop-shadow{filter:drop-shadow(0px 4px 4px rgba(0,0,0,.25))}.menu-content{transform:translate3d(0,-20px,0)}.menu-content a{display:block;padding:10px 0}.menuToggle input{display:block;width:40px;height:32px;position:absolute;top:35px;right:11px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}.menuToggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}.menuToggle span:first-child{transform-origin:0% 0%}.menuToggle span:nth-last-child(2){transform-origin:0% 100%}.menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translateY(-19px);background:#e5e5e5}.menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(-45deg) translateY(19px)}.menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(21px)}.post-wrapper article{display:grid;grid-template-columns:auto 1fr auto;max-width:1280px;margin:0 auto}@media (max-width: 750px){.post-wrapper article{grid-template-columns:unset}}.post__section .image-cover{margin:20px 0 60px;border-radius:20px;width:100%;transform:scale(1.04);aspect-ratio:16 / 10;object-fit:cover}@media (max-width: 750px){.post__section .image-cover{border-radius:0;margin:0 0 40px;transform:scale(1.2)}}.post__section .lead p{font-size:18px;color:#000008bf;opacity:.7;padding:20px 0}.post__section a{color:#3b8cfa}.post__section .lead h3{font-size:28px;font-weight:600;color:#1d4edb;padding:40px 0 25px}@media (max-width: 750px){.post__section .lead h3{font-size:24px;padding:30px 0 15px}}.post__section .lead ul{list-style:disc;list-style-position:outside;margin-left:40px}@media (max-width: 750px){.post__section .lead ul{width:88%;margin-left:30px}}.post__section .lead ul li{font-size:18px;color:#000008bf;margin:30px 0}.post__section .lead ul li::marker,.post__section .lead ol li::marker{color:#1d4edb}.post__section .lead ol{list-style:decimal;margin-left:40px;list-style-position:outside}@media (max-width: 750px){.post__section .lead ol{width:88%;margin-left:30px}}.post__section .lead ol li{font-size:20px;color:#000008bf;margin:15px 0 0;font-weight:600}.privacy-policy h3{font-size:1.875em;font-weight:600;margin:30px 0;color:#000008bf}@media (max-width: 800px){.privacy-policy h3{font-size:1.4em}}.privacy-policy p{margin-bottom:20px}.privacy-policy ul{list-style:disc;list-style-position:outside;width:90%;margin:30px auto}.privacy-policy a{color:#1d4edb}.privacy-policy ul li{margin:20px 0}.privacy-policy p span{font-weight:600}@media (max-width: 750px){.privacy-policy a{word-break:break-all}.hidden{display:none}}