body{background:linear-gradient(0deg,#4a1545 37%,#060106) no-repeat;background-size:cover;min-height:100vh;margin:0;font-family:Roboto,sans-serif}.wrapper{display:flex;align-items:center;justify-content:center}.inside-wrapper{width:1440px}.main-content{text-align:center;margin-block:80px}.content-wrap{padding:40px;max-width:1440px;background-color:#ccc}.content-heading{text-align:center;color:#eee;font-size:52px}.website-input{display:flex;align-items:center;justify-content:center;gap:10px}.website-url-input{padding-block:15px;padding-inline:50px;background-color:#eee;border:1px solid #eee;border-radius:20px}.analyze-button{padding-block:15px;background-color:#631763;border:1px solid rgb(99,23,99);border-radius:20px;color:#eee;cursor:pointer}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{position:relative;background:#fff;padding:20px;border-radius:8px;text-align:center;width:500px}.modal-content input{display:block;margin:10px auto;padding:15px 10px;width:80%;border-radius:10px;border:1px solid #eee}.modal-submit-btn{padding:10px 20px;background-color:#631763;color:#fff;border:none;border-radius:10px;cursor:pointer}.template-title{font-size:32px;color:#ccc;text-align:center}.close-button{position:absolute;top:10px;right:15px;font-size:20px;background:none;border:none;cursor:pointer}input:focus{outline:1px solid rgb(99,23,99)!important}.template-container{width:100%;margin-top:30px}.template-tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.template-tab{padding:12px 24px;margin-right:10px;cursor:pointer;font-size:18px;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .3s ease}.template-tab:hover{color:#333}.template-tab.active-tab{color:#fff;border-bottom:3px solid #f2f2f2}.template-preview{padding:10px;background-color:#f9f9f9;border-radius:5px}