@tailwind base;@tailwind components;@tailwind utilities;:root{--background:#0f172a;--second-background:#1e293b;--foreground:#e2e8f0;--main:#60a5fa}*{box-sizing:border-box;padding:0;margin:0}body,html{overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:52px}h2{font-weight:600}a{color:var(--main);text-decoration:none}a:hover{text-decoration:underline}input,textarea{border:0;padding:8px 12px;font-size:16px;border-radius:5px;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--main)}input[type=color]{padding:0;background:transparent;height:2.5rem}input[type=file]{padding:6px;cursor:pointer;background:transparent}input[type=file]::-webkit-file-upload-button{border:1px solid var(--second-background);background:var(--background);padding:6px 12px;border-radius:4px;color:var(--foreground);cursor:pointer;margin-right:12px;-webkit-transition:background .2s;transition:background .2s}input[type=file]::file-selector-button{border:1px solid var(--second-background);background:var(--background);padding:6px 12px;border-radius:4px;color:var(--foreground);cursor:pointer;margin-right:12px;transition:background .2s}input[type=file]::-webkit-file-upload-button:hover{background:var(--second-background)}input[type=file]::file-selector-button:hover{background:var(--second-background)}select{border:0;font-size:16px;border-radius:5px;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding:8px 32px 8px 12px;cursor:pointer}.input{display:grid;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem;width:100%}.input label{font-weight:500;color:var(--foreground)}.buttons{display:flex;gap:1rem;margin-top:1.5rem}button{padding:8px 16px;border-radius:5px;border:1px solid;width:100%;max-width:400px;font-size:16px;cursor:pointer;transition:all .2s}.btn-main{background:var(--main);border-color:var(--main);color:var(--background);font-weight:500}.btn-main:hover{filter:brightness(1.1)}.second-btn{background:transparent;border-color:var(--main);color:var(--main)}.second-btn:hover{background:var(--second-background)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.mb-1rem{margin-bottom:1rem}header{justify-content:space-between;max-width:66rem;margin:auto;padding:1rem;border-bottom:1px solid var(--second-background)}.logo,header{display:flex;align-items:center}.logo{gap:.2rem;text-decoration:none}.logo p{margin:0;font-size:1.2rem;font-weight:700;text-wrap:nowrap;color:var(--foreground)}.Xbtn{background:var(--main);color:#fff;border-radius:9999px;width:90px;text-align:center}.Xbtn:hover{text-decoration:none;filter:brightness(.8)}.homeBoxs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}.homeBox{display:block;background:var(--second-background);padding:2rem;border-radius:1rem;color:var(--foreground)}.homeBox .icon{font-size:30px}.homeBox h3{font-size:20px;margin:16px 0 20px;font-weight:600}.homeBox:hover{filter:brightness(.9)}.homeBoxs a:hover{text-decoration:none}.section{max-width:66rem;width:100%;margin:auto;padding:3rem 1rem 6rem}.title-box{text-align:center;margin-bottom:2.5rem}.row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.row,.row-1col{border-radius:1rem;background:var(--second-background)}.col{padding:1.5rem}.full-input{grid-column:span 2/span 2}.card{background:#fff;border-radius:.75rem;padding:1rem;color:#171717}.inactive{filter:saturate(0);opacity:.5}.successMessage{position:fixed;top:60px;right:40px;padding:.5rem 1rem;background-color:#00b800;border-radius:.4rem}.myfooter{font-size:14px;padding:2rem 0;display:grid;grid-auto-flow:column;max-width:64rem;margin:auto}.myfooter .col a{display:block;margin-bottom:.5rem}.myfooter h4{font-size:16px;margin-bottom:.5rem;text-transform:uppercase;opacity:.5}.myfooter .center{text-align:center}#creator{position:fixed;bottom:0;right:0;padding:.3rem 1rem;border-top-left-radius:.75rem;border-left-width:0;border-bottom:0 solid var(--main);border-right:0 solid var(--main);border-top-width:0;border-top:1px solid var(--main);border-left:1px solid var(--main)}#creator,#creator:hover{background:var(--background)}#creator .flex{display:flex;gap:5px;align-items:center}#creator img{border-radius:100%}@media (max-width:768px){h1{font-size:40px}.homeBoxs,.row{grid-template-columns:repeat(1,minmax(0,1fr))}.myfooter{grid-auto-flow:row}}@media (max-width:640px){.grid{display:block}.mobil-mb-05rem{margin-bottom:.5rem}}.input-group{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1rem}.input-group .input{margin-bottom:0}.section-title{font-size:1.2rem;font-weight:500;margin:1rem 0 .5rem;color:var(--main)}.free-label{font-size:1.5rem;font-weight:600;color:var(--main);text-transform:uppercase;margin-bottom:-.5rem;font-weight:700}