:root{--primary-blue:#1e3a8a;--secondary-blue:#3b82f6;--light-blue:#60a5fa;--pale-blue:#dbeafe;--dark-blue:#1e40af;--accent-blue:#0ea5e9;--white:#fff;--light-gray:#f8fafc;--gray:#64748b;--dark-gray:#334155;--gradient-primary:linear-gradient(135deg,var(--primary-blue),var(--secondary-blue));--gradient-light:linear-gradient(135deg,var(--light-blue),var(--accent-blue));--gradient-subtle:linear-gradient(135deg,var(--pale-blue),var(--white));--shadow-soft:0 4px 6px -1px rgba(59,130,246,.1);--shadow-medium:0 10px 15px -3px rgba(59,130,246,.1);--shadow-large:0 25px 50px -12px rgba(59,130,246,.25)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Vazir','IBM Plex Sans Arabic','Tahoma','B Nazanin',sans-serif;background:var(--gradient-subtle);color:var(--dark-gray);line-height:1.6;overflow-x:hidden;min-height:100vh;width:100%}.container{max-width:100%;width:100%;min-height:100vh;position:relative;overflow-x:hidden}.header{padding:1.5rem 1rem;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(59,130,246,.1);position:sticky;top:0;z-index:1000;width:100%}.logo-container{display:flex;align-items:center;justify-content:center;gap:1rem;max-width:100%}.logo-placeholder{width:50px;height:50px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-medium);animation:logoFloat 3s ease-in-out infinite;flex-shrink:0}.logo-icon{width:24px;height:24px;background:var(--white);border-radius:6px;position:relative}.logo-icon::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--primary-blue);border-radius:3px}.main-title{font-size:clamp(1.2rem,4vw,2rem);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;flex:1;min-width:0}.hero{padding:2rem 1rem 4rem;position:relative;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;width:100%}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.shape{position:absolute;border-radius:50%;background:var(--gradient-light);opacity:.1;animation:float 6s ease-in-out infinite}.shape-1{width:80px;height:80px;top:20%;right:10%;animation-delay:0s}.shape-2{width:60px;height:60px;top:60%;left:15%;animation-delay:2s}.shape-3{width:100px;height:100px;bottom:20%;right:20%;animation-delay:4s}.shape-4{width:40px;height:40px;top:80%;left:70%;animation-delay:1s}.hero-content{position:relative;z-index:2;max-width:100%;width:100%;padding:0 1rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(59,130,246,.1);color:var(--primary-blue);padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;margin-bottom:2rem;animation:slideInDown 1s ease-out}.pulse-dot{width:8px;height:8px;background:var(--secondary-blue);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-title{font-size:clamp(2rem,8vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.line-1,.line-2{display:block;animation:slideInUp 1s ease-out}.line-2{animation-delay:.3s}.hero-description{font-size:clamp(1rem,3vw,1.2rem);color:var(--gray);max-width:600px;margin:0 auto 3rem;animation:fadeIn 1s ease-out .6s both}.features-preview{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:3rem;width:100%}.feature-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:rgba(255,255,255,.7);border-radius:16px;box-shadow:var(--shadow-soft);animation:slideInUp 1s ease-out;backdrop-filter:blur(10px);min-width:120px;max-width:150px;flex:1}.feature-item:nth-child(1) {animation-delay:.9s}.feature-item:nth-child(2) {animation-delay:1.2s}.feature-item:nth-child(3) {animation-delay:1.5s}.feature-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative}.icon-network{background:linear-gradient(135deg,#f59e0b,#d97706)}.icon-growth{background:linear-gradient(135deg,#10b981,#059669)}.icon-innovation{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.feature-icon::before{content:'';width:20px;height:20px;background:#fff;border-radius:4px}.hero-visual{position:relative;width:min(300px,80vw);height:min(300px,80vw);margin:2rem auto 0;animation:fadeIn 1s ease-out 1.8s both}.main-circle{width:100%;height:100%;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-large);animation:rotate 20s linear infinite}.inner-circle{width:80%;height:80%;border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;box-shadow:inset var(--shadow-medium)}.center-icon{width:60%;height:60%;border-radius:50%;background:var(--gradient-light);animation:pulse 3s ease-in-out infinite}.orbit{position:absolute;border:2px dashed rgba(59,130,246,.3);border-radius:50%;animation:rotateReverse 15s linear infinite}.orbit-1{width:120%;height:120%;top:-10%;left:-10%}.orbit-2{width:140%;height:140%;top:-20%;left:-20%;animation-duration:25s}.orbit-3{width:160%;height:160%;top:-30%;left:-30%;animation-duration:35s}.orbit-item{width:12px;height:12px;background:var(--secondary-blue);border-radius:50%;position:absolute;top:-6px;left:50%;transform:translateX(-50%);box-shadow:var(--shadow-soft)}.progress-section{padding:4rem 1rem;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);width:100%}.progress-section h3{text-align:center;font-size:clamp(1.5rem,5vw,2rem);color:var(--primary-blue);margin-bottom:3rem;font-weight:700}.progress-container{max-width:800px;margin:0 auto;width:100%}.progress-item{margin-bottom:2rem;padding:0 1rem}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:600;color:var(--dark-gray);font-size:clamp(.9rem,2.5vw,1rem)}.progress-bar{width:100%;height:10px;background:rgba(59,130,246,.1);border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:10px;width:0;transition:width 2s ease-out;position:relative}.progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s ease-in-out infinite}.progress-percent{font-size:.9rem;color:var(--primary-blue);font-weight:600}.footer{background:var(--primary-blue);color:var(--white);padding:2rem 1rem;text-align:center;width:100%}.footer-content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;align-items:center}.social-links{display:flex;gap:1rem;justify-content:center}.social-link{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease}.social-link:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(180deg); }
}@keyframes logoFloat {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-5px); }
}@keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.05); }
}@keyframes slideInDown {
    from { opacity: 0; transform: translateY(-30px); }
    to { opacity: 1; transform: translateY(0); }
}@keyframes slideInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}@keyframes rotateReverse {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}@keyframes shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}@media (max-width:768px){.hero{padding:1.5rem .5rem 3rem;min-height:70vh}.features-preview{flex-direction:column;align-items:center;gap:1rem}.feature-item{width:100%;max-width:280px;flex-direction:row;justify-content:flex-start;padding:1rem 1.5rem}.hero-visual{width:min(250px,70vw);height:min(250px,70vw)}.progress-item{padding:0}.progress-section{padding:3rem .5rem}.container{padding:0}}@media (max-width:480px){.header{padding:1rem .5rem}.logo-container{gap:.5rem}.logo-placeholder{width:40px;height:40px}.hero{padding:1rem .5rem 2rem}.hero-content{padding:0 .5rem}.features-preview{gap:.5rem}.feature-item{padding:.8rem 1rem;max-width:100%}.hero-visual{width:min(200px,60vw);height:min(200px,60vw);margin:1rem auto 0}.orbit-item{width:8px;height:8px;top:-4px}.progress-section{padding:2rem .5rem}.footer{padding:1.5rem .5rem}.footer-content{gap:.8rem}}@media (max-width:320px){.main-title{font-size:1rem}.hero-title{font-size:1.5rem}.hero-description{font-size:.9rem}.feature-item{padding:.6rem .8rem;min-width:auto}.hero-visual{width:150px;height:150px}}[dir="rtl"] .feature-item{text-align:center}[dir="rtl"] .progress-label{text-align:right}html,body{max-width:100vw;overflow-x:hidden}