*{margin:0;box-sizing:border-box;gap:0;padding:0}:root{--primary-color: #1e1e1e;--secundary-color: #f5f5f5;--color-line: #282828;--transition: all .4s ease;--border: 10px}body{display:flex;flex-direction:column;align-items:center;width:100vw;color:#f5f5f5;background:#000;background-image:url(/assets/fundo-C2e3WUW5.gif);background-size:100vw 100vh;background-repeat:no-repeat;font-family:Arial;overflow-x:hidden}body::-webkit-scrollbar{display:flex;width:4px}body::-webkit-scrollbar-thumb{background:#111;cursor:pointer}body::-webkit-scrollbar-track{background:#000}hr{margin-top:100px;margin-bottom:100px;display:flex;width:900px;border:1px solid #2727273f}@keyframes salt{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.content{display:flex;flex-direction:column;align-items:center;height:100%}.interface{margin-top:230px;display:flex;flex-direction:column;align-items:center;width:900px;height:fit-content;padding:20px;background:#0000009c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--color-line);border-radius:var(--border);box-shadow:0 0 20px 2px #fff1}.interface h1{margin-top:20px;text-align:center;font-size:2rem}.interface h2{margin-top:5px;margin-bottom:30px;text-align:center;font-size:1.3rem;color:#a8a8a8}.interface img{display:flex;width:850px;border-radius:var(--border);border:1px solid var(--color-line)}.content-interface{margin-top:50px;display:flex;flex-direction:column;align-items:center}.content-interface p{display:flex;color:#dadada}.ctn-cards-interface{margin-top:30px;display:flex;gap:45px}.card-interface{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 30px;width:250px;height:300px;border-radius:var(--border);border:1px solid var(--color-line)}.api{display:flex;width:900px;justify-content:space-between;gap:100px}.api img{display:flex;width:500px;border-radius:var(--border)}.text-ali-right{display:flex;flex-direction:column;align-items:end}.text-ali-right h1{justify-content:end;display:flex;font-size:2.5rem}.text-ali-right p{margin-top:10px;display:flex;text-align:justify}.text-ali-right button{margin-top:60px;width:120px;height:35px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;border:none;border-radius:5px;cursor:pointer;transition:var(--transition)}.text-ali-right button:hover{box-shadow:0 0 20px 2px #f5f5f568}.about{margin-top:-5px;margin-bottom:-5px;display:flex;flex-direction:column;width:900px;align-items:center}.about h1{display:flex;font-size:2.2rem}.content-about h2{margin-top:35px;display:flex;font-size:1rem;font-weight:500;text-align:justify}.openai-anonymous{display:flex;width:900px;justify-content:space-between;gap:100px}.openai-anonymous img{display:flex;justify-content:end;border-radius:var(--border);width:500px}.text-ali-left{display:flex;flex-direction:column}.text-ali-left h1{justify-content:end;display:flex;font-size:2.5rem}.text-ali-left p{margin-top:10px;display:flex;text-align:justify}.text-ali-left button{margin-top:60px;width:120px;height:35px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;border:none;border-radius:5px;cursor:pointer;transition:var(--transition)}.text-ali-left button:hover{box-shadow:0 0 20px 2px #f5f5f568}:root{--primary-color: #1e1e1e;--secundary-color: #f5f5f5;--color-line: #282828;--transition: all .4s ease;--border: 12px}header{margin:30px auto;display:flex;justify-content:space-between;width:900px;padding:15px 20px;background:#0000009c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--color-line);border-radius:var(--border);box-shadow:0 0 10px 2px #000000cf}header img{display:flex;width:40px}nav{display:flex;align-items:center}nav ul{list-style:none;display:flex;gap:25px}nav ul li a{text-decoration:none;display:flex;color:#dedede;font-weight:600;transition:var(--transition)}nav ul li a:hover{color:#cececeb6}.presentation{margin-top:50px;display:flex;flex-direction:column;align-items:center}.presentation h1{font-size:3.5rem}.presentation h2{font-size:2.5rem}.presentation button{margin-top:85px;width:200px;height:45px;background:#f5f5f5;border:none;border-radius:8px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:var(--transition)}.presentation button:hover{background:#f5f5f5;transform:scale(1.02);box-shadow:0 0 25px 2px #f5f5f571}.arrow{position:absolute;top:90%;display:flex;font-size:1.4rem;animation:salt 2s infinite}.ctn-plans{display:flex;flex-direction:column;align-items:center;width:900px}.ctn-plans h1{margin-top:-5px;display:flex;font-size:2.5rem}.plans{margin-top:35px;display:flex;gap:60px}.plan{display:flex;flex-direction:column;align-items:center;width:250px;padding:30px 25px;border-radius:var(--border);border:1px solid var(--color-line);box-shadow:0 0 15px 2px #f5f5f512}.plan:first-child{opacity:.7}.plan h1{justify-content:center;display:flex;font-size:2rem}.plan p{margin-top:20px;display:flex;justify-content:center;font-size:2.1rem}.plan h2{margin-top:20px;display:flex;width:100%;justify-content:start}.plan ul{margin-top:5px;display:flex;flex-direction:column;justify-content:start;width:100%;list-style:none;gap:3px}.plan ul li{display:flex;font-size:1rem;font-weight:500;gap:5px}.plan ul li i{color:#007300}.plan ul li span i{color:#ab0000}.plan button{margin-top:25px;width:130px;height:30px;border-radius:5px;border:none;cursor:pointer;transition:var(--transition)}.plan button:hover{box-shadow:0 0 20px 2px #f5f5f568}footer{margin-top:20px;margin-bottom:10px;display:flex;flex-direction:column;align-items:center}footer p{color:#d5d5d5}.content-footer{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;width:100%;height:fit-content;padding:25px}.content-footer nav ul{display:flex;flex-direction:column;gap:10px}.content-footer nav ul li a{color:#d5d5d5}.content-footer nav ul li a:hover{color:#9b9b9b}.content-footer img{display:flex;width:190px}.presentation-graham{display:flex;flex-direction:column;width:200px;gap:20px;color:#d5d5d5}.icon{position:fixed;display:flex;bottom:20px;right:20px;background:#1e1e1e;border-radius:5px;border:1px solid var(--color-line);transition:var(--transition)}.icon:hover{background:#2d2d2d;transform:scale(1.01);box-shadow:0 0 10px 2px #2d2d2dc1}.icon img{display:flex;width:30px;height:30px;padding:7px}