:root { --primary-color: #ff5833; --primary-dark: #e04a2d; --primary-light: #ff7a5c; --dark-color: #0f172a; --darker-color: #020617; --light-color: #f8fafc; --lighter-color: #ffffff; --gray-color: #94a3b8; --footer-bg: #0a0a0c; }
body { font-family: 'Poppins', sans-serif; background-color: var(--darker-color); color: var(--light-color); overflow-x: hidden; line-height: 1.7; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--dark-color); }
::-webkit-scrollbar-thumb { background-color: var(--primary-color); border-radius: 20px; border: 2px solid var(--dark-color); }
::-webkit-scrollbar-thumb:hover { background-color: var(--primary-dark); }
html { scrollbar-width: thin; scrollbar-color: var(--primary-color) var(--dark-color); }
.preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: var(--darker-color); display: flex; justify-content: center; align-items: center; transition: opacity 0.5s ease, visibility 0.5s ease; }
.preloader.fade-out { opacity: 0; visibility: hidden; }
.preloader-cube-container { width: 100px; height: 100px; perspective: 800px; }
.preloader-cube { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; animation: spin 8s infinite linear; }
.preloader-face { position: absolute; width: 100px; height: 100px; border: 2px solid var(--primary-color); background: rgba(255, 88, 51, 0.1); box-shadow: 0 0 20px rgba(255, 88, 51, 0.3); }
.face-front { transform: rotateY(0deg) translateZ(50px); }
.face-back { transform: rotateY(180deg) translateZ(50px); }
.face-left { transform: rotateY(-90deg) translateZ(50px); }
.face-right { transform: rotateY(90deg) translateZ(50px); }
.face-top { transform: rotateX(90deg) translateZ(50px); }
.face-bottom { transform: rotateX(-90deg) translateZ(50px); }
@keyframes spin { from { transform: rotateX(0deg) rotateY(0deg); } to { transform: rotateX(360deg) rotateY(360deg); } }
.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden}.particles{position:absolute;width:100%;height:100%}.particle{position:absolute;background:var(--primary-color);border-radius:50%;filter:blur(1px);animation:float-particle linear infinite;opacity:.6}@keyframes float-particle{0%{transform:translateY(0) translateX(0);opacity:0}50%{opacity:.6}100%{transform:translateY(-100vh) translateX(100px);opacity:0}}.bg-gradient{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(255,88,51,.15) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,88,51,.1) 0,transparent 40%);animation:gradient-pulse 15s ease infinite}@keyframes gradient-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.neon-text{color:var(--primary-light);text-shadow:0 0 4px var(--primary-light),0 0 8px rgba(255,88,51,.5),0 0 15px rgba(255,88,51,.3);animation:neon-pulse 2s infinite alternate}@keyframes neon-pulse{from{text-shadow:0 0 4px var(--primary-light),0 0 8px rgba(255,88,51,.5),0 0 15px rgba(255,88,51,.3)}to{text-shadow:0 0 6px var(--primary-light),0 0 12px rgba(255,88,51,.6),0 0 20px rgba(255,88,51,.4)}}.navbar{background:rgba(2,6,23,.8)!important;backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,88,51,.2);box-shadow:0 5px 30px rgba(0,0,0,.3);transition:all .5s ease;padding-top:15px;padding-bottom:15px}.navbar.scrolled{padding-top:10px;padding-bottom:10px;background:rgba(2,6,23,.95)!important;border-bottom:1px solid rgba(255,88,51,.3)}.navbar-brand{display:flex;align-items:center;gap:10px;transition:all .3s ease}.navbar-brand:hover{transform:scale(1.05)}.navbar-brand img{height:65px}.logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(to right,var(--primary-color),#ff9a33);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.nav-link{font-weight:500;transition:all .3s ease;position:relative;font-size:.95rem}.nav-link.active,.nav-link:hover{color:var(--primary-color)!important}.auth-buttons{display:flex;gap:15px}.btn,.form-submit,.social-btn{position:relative;overflow:hidden;} .btn{padding:12px 25px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:.95rem;letter-spacing:.5px;}.btn:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.btn:hover:before{left:100%}.btn-primary{background-color:var(--primary-color);color:#fff;border:2px solid var(--primary-color);box-shadow:0 5px 15px rgba(255,88,51,.4)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px rgba(255,88,51,.6)}.btn-outline{background:transparent;color:var(--light-color);border:2px solid var(--gray-color)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:transparent;transform:translateY(-3px);box-shadow:0 5px 15px rgba(255,88,51,.2)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:120px;padding-bottom:50px;position:relative;overflow:hidden}.hero-content h1{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:25px;background:linear-gradient(to right,var(--lighter-color),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.hero-content p{font-size:1.2rem;color:var(--gray-color);margin-bottom:35px;line-height:1.7}.hero-stats .stat-item{display:flex;align-items:center;gap:12px;background:rgba(15,23,42,.5);padding:15px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(5px);transition:all .3s ease}.hero-stats .stat-item:hover{transform:translateY(-5px);background:rgba(255,88,51,.1);border-color:rgba(255,88,51,.3)}.stat-icon{width:45px;height:45px;background:rgba(255,88,51,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.2rem}.stat-text span{display:block;font-size:.9rem;color:var(--gray-color)}.stat-text strong{font-size:1.3rem;color:var(--light-color);font-weight:700}.hero-form-container{position:relative;z-index:2;perspective:1000px}.hero-form{background:rgba(15,23,42,.7);backdrop-filter:blur(15px);padding:40px;border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px rgba(0,0,0,.5),inset 0 0 15px rgba(255,88,51,.1);transform-style:preserve-3d;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:all .6s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.hero-form:hover{transform:perspective(1000px) rotateY(0) rotateX(0);box-shadow:0 30px 60px rgba(0,0,0,.6),inset 0 0 20px rgba(255,88,51,.2)}.form-header{text-align:center;margin-bottom:30px;position:relative;z-index:2}.form-header h3{font-size:2rem;color:var(--light-color);margin-bottom:10px;font-weight:700}.form-header p{color:var(--gray-color);font-size:.95rem}.form-group{margin-bottom:20px;position:relative;z-index:2}.form-group label{display:block;margin-bottom:8px;color:var(--light-color);font-weight:500;font-size:.95rem}.form-control{width:100%;padding:15px 20px;background:rgba(2,6,23,.5);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--lighter-color);font-family:'Poppins',sans-serif;transition:all .3s ease;font-size:1rem}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,88,51,.3);background:rgba(2,6,23,.7)}.password-input{position:relative}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--gray-color);transition:all .3s ease}.password-toggle:hover{color:var(--primary-color)}.form-check{display:flex;align-items:center;gap:10px;margin-bottom:20px;position:relative;z-index:2}.form-check input{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.form-check label{color:var(--gray-color);font-size:.9rem;cursor:pointer}.form-check label a{color:var(--primary-color);text-decoration:none;transition:all .3s ease}.form-check label a:hover{text-decoration:underline}.form-submit{width:100%;padding:16px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);margin-bottom:20px;font-size:1rem;letter-spacing:.5px;z-index:2;box-shadow:0 5px 15px rgba(255,88,51,.4)}.form-submit:hover{background:var(--primary-dark);transform:translateY(-3px) scale(1.02);box-shadow:0 10px 25px rgba(255,88,51,.6)}.form-divider{display:flex;align-items:center;margin:25px 0;position:relative;z-index:2}.form-divider:after,.form-divider:before{content:'';flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.1),transparent)}.form-divider span{padding:0 15px;color:var(--gray-color);font-size:.9rem;text-transform:uppercase}.social-login{display:flex;flex-direction:column;gap:15px;position:relative;z-index:2}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-size:.95rem;}.google-btn{background:#4285f4;color:#fff;box-shadow:0 5px 15px rgba(66,133,244,.3)}.google-btn:hover{background:#357abD;transform:translateY(-3px);box-shadow:0 10px 20px rgba(66,133,244,.4)}.signup-link{text-align:center;margin-top:20px;position:relative;z-index:2}.signup-link a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .3s ease}.signup-link a:hover{text-decoration:underline}.hero-image-container{position:absolute;right:0;top:50%;transform:translateY(-50%);width:50%;max-width:700px;z-index:-1;perspective:1000px}.hero-image{width:100%;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5));animation:float-3d 8s infinite ease-in-out;opacity:.9}@keyframes float-3d{0%,100%{transform:rotateX(0) rotateY(0) rotateZ(0)}25%{transform:rotateX(5deg) rotateY(5deg) rotateZ(1deg)}50%{transform:rotateX(0) rotateY(10deg) rotateZ(0)}75%{transform:rotateX(-5deg) rotateY(5deg) rotateZ(-1deg)}}.floating-elements{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.floating-element{position:absolute;background:var(--primary-color);border-radius:50%;filter:blur(1px);opacity:.3;animation:float-element linear infinite}@keyframes float-element{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.3}90%{opacity:.3}100%{transform:translateY(-100vh) translateX(100px);opacity:0}}.neon-circle{position:absolute;border-radius:50%;border:1px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color),inset 0 0 10px var(--primary-color);opacity:.1;animation:neon-pulse-circle 4s infinite alternate}@keyframes neon-pulse-circle{from{box-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color),inset 0 0 10px var(--primary-color);opacity:.1}to{box-shadow:0 0 15px var(--primary-color),0 0 30px var(--primary-color),inset 0 0 15px var(--primary-color);opacity:.15}}@media (max-width:991.98px){.hero{text-align:center}.hero-stats .row{justify-content:center}.hero-form-container{margin-top:50px}.hero-form{transform:none}.hero-image-container{display:none}.hero-content h1{font-size:3rem}}@media (max-width:576px){.hero-content h1{font-size:2.5rem}.auth-buttons{width:100%;flex-direction:column;margin-top:1rem}}
.form-control::placeholder{color:var(--gray-color);opacity:1}.form-control:-ms-input-placeholder{color:var(--gray-color)}.form-control::-ms-input-placeholder{color:var(--gray-color)}.form-control:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:focus, .form-control:-webkit-autofill:active{-webkit-text-fill-color:var(--lighter-color)!important;-webkit-box-shadow:0 0 0 30px var(--darker-color) inset!important;transition:background-color 5000s ease-in-out 0s}
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:2000;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in-out}.modal.active{opacity:1}.modal-content{background:rgba(15,23,42,.95);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,88,51,.3);box-shadow:0 30px 60px rgba(0,0,0,.6),inset 0 0 20px rgba(255,88,51,.2);width:100%;max-width:450px;padding:40px;position:relative;overflow:hidden;opacity:0;transform:scale(.97);transition:opacity .3s ease,transform .3s ease}.modal.active .modal-content{opacity:1;transform:scale(1)}.close-modal{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.1);width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;z-index:10}.close-modal:hover{background:rgba(255,88,51,.5);transform:rotate(90deg)}.close-modal i{color:var(--light-color);font-size:1rem}
.section-padding { padding: 100px 0; } .section-title { color: var(--primary-color); font-weight: 700; margin-bottom: 0.5rem; } .section-subtitle { color: var(--gray-color); }
.payment-icon-wrapper { width: 90px; height: 90px; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 2.8rem; color: white; transition: all 0.4s ease; } .payment-icon-wrapper:hover { transform: translateY(-8px) scale(1.1); box-shadow: 0 10px 25px rgba(0,0,0,0.2); } .payment-icon-wrapper:hover i, .payment-icon-wrapper:hover .payeer-p { transform: rotate(10deg); } .bg-paypal { background-color: #003087; } .bg-amazon { background-color: #FF9900; } .bg-payeer { background-color: #00A6F0; } .bg-google-play { background-color: #3fcc75; } .bg-roblox { background-color: #e21c22; } .bg-apple { background-color: #a2aaad; } .payeer-p {font-family: 'Poppins', sans-serif; font-weight: 800; transition: transform 0.4s ease;}
.how-it-works-section { background-color: #0d0d10; border-top: 1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(255,255,255,0.05); } .feature-card { background-color: var(--dark-color); padding: 2.5rem 1.5rem; border-radius: 16px; position: relative; transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.05); height: 100%; } .feature-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.2); border-color: rgba(255, 88, 51, 0.3); } .feature-card:hover .feature-icon { transform: rotateY(360deg) scale(1.1); } .feature-number { position: absolute; top: -15px; left: -15px; width: 35px; height: 35px; background-color: var(--primary-color); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; box-shadow: 0 4px 10px rgba(255, 88, 51, 0.3); } .feature-icon { font-size: 3rem; color: var(--primary-color); margin-bottom: 1.5rem; transition: transform 0.6s ease; } .feature-card h3 { color: var(--light-color); font-weight: 600; margin-bottom: 1rem; } .feature-card p { color: var(--gray-color); font-size: 0.95rem; }
.faq-section .nav-tabs { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 2.5rem; } .faq-section .nav-tabs .nav-link { background: transparent; border: none; border-bottom: 3px solid transparent; color: var(--gray-color); font-weight: 600; padding: 0.8rem 1.5rem; transition: all 0.3s ease; } .faq-section .nav-tabs .nav-link:hover, .faq-section .nav-tabs .nav-link.active { color: var(--primary-color); border-bottom-color: var(--primary-color); background: transparent; } .accordion-item { background-color: var(--dark-color); border: 1px solid rgba(255, 255, 255, 0.08); margin-bottom: 1rem; border-radius: 10px !important; overflow: hidden; } .accordion-header { border: none; } .accordion-button { background-color: var(--dark-color); color: var(--light-color); font-weight: 600; font-size: 1.1rem; box-shadow: none; } .accordion-button:not(.collapsed) { background-color: rgba(15, 23, 42, 0.8); color: var(--primary-color); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08); } .accordion-body { background-color: var(--dark-color); color: var(--gray-color); font-size: 0.95rem; border-top: 1px solid rgba(255, 255, 255, 0.08); } .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2394a3b8'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transition: transform 0.3s ease; } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff5833'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.site-footer { background-color: var(--footer-bg); color: var(--gray-color); padding: 80px 0 0; font-size: 0.95rem; border-top: 2px solid var(--primary-color); } .footer-about .footer-logo img { height: 80px; } .footer-about .footer-logo-text { font-size: 1.6rem; font-weight: 800; color: var(--light-color); } .footer-about p { margin: 1.5rem 0; padding-right: 1rem; } .footer-heading { color: var(--lighter-color); font-weight: 600; font-size: 1.2rem; margin-bottom: 1.5rem; position: relative; padding-bottom: 0.5rem; } .footer-heading::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: var(--primary-color); } .footer-links { list-style: none; padding-left: 0; } .footer-links li { margin-bottom: 1rem; } .footer-links a { color: var(--gray-color); text-decoration: none; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 8px; } .footer-links a:hover { color: var(--primary-color); transform: translateX(5px); } .footer-links a .fa-fw { width: 16px; } .newsletter-form p { margin-bottom: 1.5rem; } .newsletter-form .input-group { box-shadow: 0 10px 30px rgba(0,0,0,0.2); border-radius: 50px; } .newsletter-form .form-control { background-color: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--light-color); border-radius: 50px 0 0 50px; padding: 12px 20px; height: 50px; } .newsletter-form .form-control:focus { background-color: rgba(255, 255, 255, 0.1); border-color: var(--primary-color); box-shadow: none; } .newsletter-form .btn { background-color: var(--primary-color); border: none; color: white; border-radius: 0 50px 50px 0; width: 60px; height: 50px; } .footer-social-icons { margin-top: 2rem; } .footer-social-icons a { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; background-color: rgba(255, 255, 255, 0.1); color: var(--light-color); border-radius: 50%; text-decoration: none; font-size: 1.1rem; transition: all 0.3s ease; margin-right: 10px; } .footer-social-icons a:hover { background-color: var(--primary-color); transform: translateY(-4px); color: #fff; } .footer-bottom { padding: 25px 0; margin-top: 60px; border-top: 1px solid rgba(255, 255, 255, 0.1); text-align: center; }

.footer-bottom p {
    margin: 0;
    font-size: 0.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4em;
}

.footer-bottom a { color: var(--primary-light); text-decoration: none; } .footer-bottom a:hover { text-decoration: underline; } .chat-widget { position: fixed; bottom: 25px; right: 25px; width: 60px; height: 60px; background-color: var(--primary-color); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; cursor: pointer; box-shadow: 0 5px 20px rgba(255, 88, 51, 0.4); z-index: 1000; transition: transform 0.3s ease; } .chat-widget:hover { transform: scale(1.1); }
.ripple { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.4); transform: scale(0); animation: ripple-effect .6s linear; pointer-events: none; }
@keyframes ripple-effect { to { transform: scale(4); opacity: 0; } }
.captcha-container { margin-top: 1rem; margin-bottom: 1rem; display: flex; justify-content: center; }
.text-danger { color: #dc3545 !important; font-size: 0.8em; margin-top: 0.25rem; display: block; text-align: left; width: 100%; }
.form-group .is-invalid, .form-check .is-invalid { border-color: #dc3545 !important; }
/* Page Header Styling */
.page-header-section {
    padding: 140px 0 60px 0;
    position: relative;
    text-align: center;
    background-color: var(--dark-color);
    /* إضافة مسافة سفلية لفصل الهيدر عن المحتوى */
    margin-bottom: 3rem; /* يمكنك تعديل هذه القيمة حسب الحاجة */
}

/* Terms Content Styling */
.terms-content {
    background: var(--dark-color);
    padding: 2.5rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.terms-content h3 {
    color: var(--primary-color);
    margin-top: 2rem;
    margin-bottom: 1.25rem;
    font-weight: 600;
    border-left: 3px solid var(--primary-color);
    padding-left: 1rem;
}

.section-padding .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%; /* هذا يعادل col-lg-10 */
}


@media (min-width: 992px) {
    .section-padding .col-lg-10 {
        max-width: 83.33333333%;
    }
}


.terms-content p, .terms-content li {
    color: var(--gray-color);
    line-height: 1.8;
    font-size: 0.95rem;
}

.terms-content ul {
    list-style-type: none;
    padding-left: 0;
}

.terms-content ul li {
    margin-bottom: 0.75rem;
    position: relative;
    padding-left: 25px;
}

.terms-content ul li::before {
    content: '\f058'; /* Font Awesome check-circle icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 5px;
    color: var(--primary-color);
}