:root{color-scheme:light dark;color:#ffffffde;background-color:#e8ede7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0 auto;padding:3rem 10rem}@media (max-width: 1000px){#root{padding:3rem 1rem;font-size:10px}}.big-text{font-family:Bookman Old Style,serif;font-weight:regular;font-size:40px;color:#000;margin:20px 0}@media (max-width: 1000px){.big-text{font-size:25px}}.mac-buttons-container{display:flex;gap:8px}.mac-button{width:14px;height:14px;border-radius:50%;box-shadow:0 1px 2px #0003;cursor:pointer;transition:all .2s ease}.mac-button:hover{transform:scale(1.1)}.close-button{background-color:#fc4b5c}.minimize-button{background-color:#f3f867}.maximize-button{background-color:#70f556}.black-box{background-color:#000;max-width:700px;position:relative;padding:30px;box-sizing:border-box;color:#fff;overflow:hidden;box-shadow:5px 5px 20px #0006}.mac-buttons-wrapper{position:absolute;top:25px;right:25px}.black-box-content{height:100%;display:flex;flex-direction:column;align-items:center;padding-top:30px}.black-box:not(:has(.mac-buttons-wrapper)) .black-box-content{padding-top:0}@media (max-width: 1000px){.black-box{width:100%}}.grid-container{display:grid;gap:5px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);height:600px}.box{position:relative}.black-box-diagonal{background-color:#000;height:200px;width:300px;padding:30px;display:flex;align-items:center;box-shadow:3px 3px 10px #0006}.box-1{grid-column:1;grid-row:1 / span 2;z-index:3}.box-2{grid-column:2;grid-row:2 / span 2;z-index:2}.box-3{grid-column:3;grid-row:3 / span 2;z-index:1}.text-content{font-family:Courier New,Courier,monospace;font-size:20px;font-weight:400;width:100%}.centered-text{text-align:center;color:#e8ede7}.pink-text{color:#e730c2;text-align:left}.cyan-text{color:#3bebe1;text-align:left}@media (max-width: 1000px){.text-content{font-size:16px}.grid-container{display:flex;flex-direction:column;height:auto;gap:20px;align-items:center}.black-box-diagonal{height:150px;padding:20px}.box{width:100%}.pink-text,.cyan-text{text-align:center}}.faq-container{width:100%;max-width:1000px;margin:30px auto 0;text-align:right}.faq-item{font-family:Courier New,Courier,monospace}.faq-question{font-size:30px;color:#000;font-weight:400;cursor:pointer;transition:all .3s ease;position:relative;padding-right:40px}.faq-question:hover{color:#555}.faq-question.open{color:#e730c2}.faq-question:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:40px;transition:transform .3s ease}.faq-question.open:after{content:"-";transform:translateY(-50%) rotate(0)}.faq-answer{font-size:20px;font-weight:400;color:#000;line-height:1.6;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dotted-line{height:1px;background:repeating-linear-gradient(to right,black,black 5px,transparent 5px,transparent 10px)}@media (max-width: 1000px){.faq-answer{font-size:16px}.faq-question{font-size:20px}}.logo{width:170px}.header{display:flex;justify-content:space-between;align-items:center}.use-abilities{margin-top:200px}.second-head{display:flex;flex-direction:column;align-items:end;text-align:end;margin-top:150px}.diagonal-section{margin-top:80px;display:flex;flex-direction:column;align-items:center}.simple-words{margin-top:100px}.how-much-wrapper{display:flex;justify-content:center}.how-much{margin-top:100px;width:fit-content;text-align:center;display:flex;flex-direction:column}.how-much-text{color:#3bebe1;text-align:start}.how-much-button-wrapper{display:flex;justify-content:end;margin-top:30px}.questions{margin-top:150px;text-align:center}.black-box-wrapper{display:flex;justify-content:center}.black-box-header{font-family:Bookman Old Style,serif;font-size:22px;font-weight:regular;text-align:center;color:#e8ede7}.black-box-content{font-family:Courier New,Courier,monospace;font-size:20px;font-weight:regular;line-height:30px}.black-box-content-text{margin-bottom:30px;color:#e8ede7}.purple-text{color:#e730c2}.blue-text{color:#3bebe1}@media (max-width: 1000px){.second-head{margin-top:100px}.logo{width:100px}.black-box-content-text{font-size:16px}.black-box-header{font-size:18px}.how-much-text{font-size:16px}.how-much{margin-top:10px}.questions,.use-abilities{margin-top:100px}}.simple-words-container{display:flex;flex-direction:column;align-items:center;margin-top:80px;font-family:Courier New,Courier,monospace}.top-row,.bottom-row{display:flex;justify-content:center;gap:80px;margin-bottom:60px;flex-wrap:wrap}.word-block{width:400px;text-align:start}.block-number{font-size:40px;font-weight:400;margin-bottom:15px;text-align:center;color:#000}.block-text{font-size:25px;font-weight:400;color:#000}@media (max-width: 1000px){.block-text{font-size:16px}.block-number{font-size:30px}.top-row,.bottom-row{gap:40px}.word-block{width:300px;text-align:start}}.subscriptionButton{background-color:#000;padding:15px 20px;border:none;border-radius:10px;outline:none;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#e8ede7;font-weight:700;box-shadow:3px 5px 5px #0003;transition:all .2s ease-in-out}.subscriptionButton:hover{box-shadow:3px 5px 10px #00000080;transition:all .2s ease-in-out}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-content{background-color:#e8ede7;padding:30px;border-radius:15px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:450px}.dialog-title{font-family:Arial,Helvetica,sans-serif;margin-top:0;margin-bottom:20px;font-size:20px;color:#333;text-align:center}.dialog-input{width:100%;padding:12px 15px;outline:none;background-color:#e8ede7;color:#000;border-radius:10px;border:1px solid #575757;font-size:16px;margin-bottom:15px;box-sizing:border-box;transition:border-color .3s}.dialog-error{color:#e730c2;margin-bottom:15px;font-size:14px;min-height:20px}.dialog-success{color:#000;margin-bottom:15px;font-size:14px;min-height:20px}.dialog-buttons{display:flex;justify-content:space-between;gap:15px}.dialog-button{flex:1;padding:12px 0;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.dialog-button.cancel{background-color:#e8ede7;color:#333}.dialog-button.cancel:hover{background-color:#e0e0e0}.dialog-button.submit{background-color:#000;color:#e8ede7}.dialog-button.submit:hover{background-color:#333}@media (max-width: 1000px){.dialog-content{padding:20px}.dialog-title{font-size:18px}.dialog-input{font-size:14px;padding:10px 12px}.dialog-button{padding:10px 0;font-size:14px}.subscriptionButton{font-size:12px}.dialog-content{width:80%}}
