@font-face{font-family:golshan;src:url(../media/golshan.c46df8b1.ttf)format("truetype")}:root{--bg:#000;--light-bg:#1c1c1c;--text-color:#fff;--secondary-text-color:#888;--green:#30d158}*{margin:0;padding:0}html,body{background:var(--bg);height:100vh}body{color:var(--text-color);font-family:sans-serif}header{height:100px;position:relative}header h1{align-items:center;font-family:golshan;font-size:1.8rem;display:flex;position:absolute;bottom:10px;left:20px}header h1 img{margin-top:-8px;margin-right:10px}footer{justify-content:center;align-items:center;height:70px;padding-bottom:20px;display:flex;position:fixed;bottom:0;left:0;right:0}footer .item{opacity:.3;flex-direction:column;justify-content:center;align-items:center;width:50%;display:flex}footer .item.active{opacity:1}footer .item img{margin-bottom:5px;width:30px!important;height:30px!important}footer .item h5{font-size:.8rem;font-weight:400}.main{height:calc(100vh - 195px);padding:0 20px;position:relative;overflow:hidden auto}.main .floating-text{text-align:center;color:var(--secondary-text-color);opacity:.2;font-family:golshan;font-size:3rem;position:absolute;bottom:0;left:0;right:0}.section-title{opacity:.5;margin-top:10px;margin-bottom:10px;font-size:.85rem;font-weight:400;line-height:1.2rem}.main .section{background:var(--light-bg);border-radius:15px;margin-bottom:10px;padding:10px 20px}.main .section .button-type{border-bottom:1px solid #ffffff12;align-items:center;height:60px;font-size:1rem;display:flex;position:relative}.main .section .button-type:last-child{border:none}.main .section .button-type .button{background:#ffffff1a;border-radius:100px;width:55px;height:30px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.main .section .button-type .button.active{background:var(--green)}.main .section .button-type .button:before{content:"";aspect-ratio:1;background:var(--text-color);border-radius:100px;transition:all .3s;position:absolute;top:0;bottom:0;left:0}.main .section .button-type .button.active:before{transition:all .3s;left:auto;right:0}.main .section .button-type .arrow{background:url(../media/arrow-right.04cea492.png) 100%/contain no-repeat;width:30px;height:30px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.main .section .button-type .arrow span{color:var(--secondary-text-color);white-space:nowrap;font-size:.85rem;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.main .section .button-type .arrow.copy{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='gray' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='7' width='11' height='14' rx='2.5' fill='gray'/><rect x='10' y='3' width='11' height='14' rx='2.5'/></svg>") 100%/80% no-repeat}.main .section .button-type .arrow.green span{color:var(--green)}.main .section .button-type .arrow.copy span{right:110%}.large-item{background:var(--light-bg);border-radius:15px;margin-bottom:20px;padding:20px}.large-item.colored{background:linear-gradient(#5061c3,#49cade)}.large-item.colored.red{background:linear-gradient(#e84b52,#e784bb)}.large-item.colored.purple{background:linear-gradient(#190a28,#785da0)}.large-item h1{margin-bottom:10px;font-size:1.2rem}.large-item p{color:var(--text-color);overflow-wrap:break-word;word-break:break-word;font-size:.9rem;line-height:1.3rem;overflow-x:hidden}.large-item .button{text-align:center;background:var(--text-color);color:vaR(--bg);border-radius:15px;margin-top:20px;margin-bottom:-10px;padding:15px;font-size:1.1rem;font-weight:700}.large-item .button:last-child{margin-bottom:0}