html,body,#root,.app{height:100%;margin:0;padding:0;background-color:#1d1d23;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh}.logo-img{height:60px;width:auto;cursor:pointer}.footer-left .logo-img{height:20px;width:auto}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 60px;background-color:transparent;position:sticky;top:0;z-index:10}.nav-links{display:flex;gap:40px}.nav-link{color:#fff;text-decoration:none;font-weight:400;transition:color .3s}.nav-link:hover{color:#fabb00}.demo-btn{background-color:#fabb00;color:#1b1b22;border:none;padding:12px 20px;border-radius:80px;font-weight:700;cursor:pointer;transition:background .3s;font-family:Inter,sans-serif}.demo-btn:hover{background-color:#ffd84c}.hero{text-align:center;margin-top:150px}.hero h1{font-size:3rem;margin-bottom:20px}.hero p{font-size:1.2rem;color:#ccc}.welcome-text{position:absolute;top:35%;left:30%;transform:translate(-50%,-50%);font-size:40px;color:#fff;font-weight:300;font-family:Inter,sans-serif;text-align:center;z-index:12;opacity:0;transform:translate(50px);animation:slideBounce 1s cubic-bezier(.5,0,.5,1) .5s forwards,fadeOut .5s ease-in 6s forwards}@keyframes slideBounce{0%{opacity:0;transform:translate(50px)}70%{opacity:1;transform:translate(-10px)}90%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.chat-container{position:absolute;top:55%;left:56%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:20px;z-index:20}.chat-bubble-1{display:inline-flex;flex-direction:row;align-items:center;gap:10px;background-color:#fff;border-radius:30px 30px 30px 4px;padding:10px 20px;font-weight:500;margin-left:0;max-width:fit-content;bottom:-150px;opacity:0;animation:showChat 2s cubic-bezier(.5,0,.1,1) forwards;animation-delay:5.5s}.chat-bubble-2{display:inline-flex;flex-direction:column;background-color:#fff;border-radius:30px 30px 30px 4px;padding:10px 20px 20px;gap:2px;font-weight:500;margin-left:0;max-width:fit-content;bottom:-150px;opacity:0;animation:showChat 2s cubic-bezier(.5,0,.1,1) forwards;animation-delay:6s}@keyframes showChat{0%,50%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-100px)}}.chat-options{display:flex;flex-wrap:wrap;gap:10px}.chat-btn{background-color:#fff;color:#1b1b22;border:2px solid #8E8E91;padding:8px 12px;border-radius:20px;cursor:pointer;font-weight:600;transition:all .3s ease;white-space:nowrap;font-family:Inter,sans-serif}.chat-btn:hover{background-color:#fabb00;color:#1b1b22;border:2px solid #FABB00}.trusted-section{position:absolute;bottom:10vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:56px;text-align:center;color:#ddd;margin-top:00px;z-index:5;width:80%;max-width:1200px;min-width:300px;padding:0 20px}.trusted-text{font-family:Inter,sans-serif;font-size:16px;line-height:25px}.trusted-text .text-light{font-weight:300}.trusted-text .text-bold{font-weight:700}.trusted-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;opacity:.7;max-width:1400px}.trusted-logos img{height:auto;object-fit:contain}.footer{position:fixed;bottom:0;left:0;width:100%;background-color:transparent;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:15px 60px;font-family:Inter,sans-serif;font-size:14px}.footer-left{display:flex;align-items:center;gap:10px;color:#8e8e91;font-size:14px}.footer-links{display:flex;gap:40px}.footer-link{color:#8e8e91;text-decoration:none;transition:opacity .3s}.footer-link:hover{opacity:.7}.footer-right{width:220px;text-align:right;color:#8e8e91}.preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#1b1b22;display:flex;justify-content:center;align-items:center;color:#fabb00;font-size:24px;font-weight:700;z-index:1000}.book-bg{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);width:100%;height:600px;display:flex;justify-content:center;align-items:center;gap:30%;overflow:hidden;z-index:5;pointer-events:none;opacity:0;animation:bgFadeIn 1s ease 6s forwards}@keyframes bgFadeIn{0%{opacity:0}to{opacity:1}}.column-group{display:flex;gap:20px}.column{display:flex;flex-direction:column;gap:20px;overflow:hidden}.column img{width:70px;opacity:1;transition:opacity .3s ease}.column img:hover{opacity:1}.up{animation:moveUp 30s linear infinite}.down{animation:moveDown 30s linear infinite}@keyframes moveUp{0%{transform:translateY(20.8%)}to{transform:translateY(-30%)}}@keyframes moveDown{0%{transform:translateY(-30%)}to{transform:translateY(20.8%)}}.book-bg:before,.book-bg:after{content:"";position:absolute;left:0;width:100%;height:160px;pointer-events:none;z-index:10}.book-bg:before{top:-2px;background:linear-gradient(to bottom,#1D1D23 20%,transparent)}.book-bg:after{bottom:-2px;background:linear-gradient(to top,#1D1D23 20%,transparent)}.column:nth-child(1){animation-duration:10s}.column:nth-child(2){animation-duration:10s}.column:nth-child(4){animation-duration:10s}.column:nth-child(5){animation-duration:10s}.spacer{width:160px}.avatar-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-60%);z-index:11}.avatar-wrapper{position:relative;width:600px;height:600px;transform:translate(0);animation:shrinkMove 1.5s cubic-bezier(.8,.02,.32,1) 6s forwards}@keyframes shrinkMove{0%{width:600px;height:600px;transform:translate(0)}to{width:300px;height:300px;transform:translate(-24vw,-10%)}}.avatar-video{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:brightness(.95) saturate(1.2) hue-rotate(0deg)}.avatar-circle{position:absolute;top:50%;left:50%;width:250px;height:250px;border:5px solid #FABB00;border-radius:50%;transform:translate(-50%,-50%);opacity:0;animation:fadeInCircle 1s cubic-bezier(.5,0,.1,1) 6s forwards,rotateCircle 6s linear 6s infinite}@keyframes fadeInCircle{0%{opacity:0}to{opacity:0}}@keyframes rotateCircle{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.bgline-wrapper{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:1500px;height:auto;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:10}.bgline{width:1000px;height:auto;opacity:.3;mix-blend-mode:color-dodge}.bgline.right{transform:scaleX(-1) scaleY(-1)}html,body,#root{height:100%;margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px}*{box-sizing:inherit}