margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; line-height: 1.6; color: #333; background: white; } /* Header Styles */ header { background: #2c3e50; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: all 0.3s ease; } .header-content { max-width: 1200px; margin: 0 auto; padding: 0 20px; height: 70px; display: flex; align-items: center; justify-content: space-between; } .logo { font-size: 1.8rem; font-weight: 700; color: white; text-decoration: none; display: flex; align-items: center; gap: 12px; } .logo-icon { width: 40px; height: 40px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; } nav { display: flex; align-items: center; gap: 30px; } nav ul { list-style: none; display: flex; gap: 5px; margin: 0; padding: 0; } nav a { color: rgba(255, 255, 255, 0.9); text-decoration: none; font-weight: 500; padding: 8px 16px; border-radius: 6px; transition: all 0.3s ease; font-size: 0.95rem; } nav a:hover, nav a.active { color: white; background: rgba(255, 255, 255, 0.1); } /* Language Button */ .language-btn { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; padding: 8px 16px; color: white; font-size: 0.95rem; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 8px; } .language-btn:hover { background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.3); } /* Language Modal */ .language-modal { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 2000; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; } .language-modal.active { display: flex; opacity: 1; } .modal-content { background: white; border-radius: 16px; max-width: 900px; width: 90%; max-height: 80vh; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); transform: scale(0.9); transition: transform 0.3s ease; } .language-modal.active .modal-content { transform: scale(1); } .modal-header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 30px; text-align: center; position: relative; } .modal-header h2 { font-size: 2rem; margin-bottom: 10px; } .modal-close { position: absolute; top: 20px; right: 20px; background: none; border: none; color: white; font-size: 2rem; cursor: pointer; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .modal-close:hover { background: rgba(255, 255, 255, 0.2); transform: rotate(90deg); } .modal-body { padding: 30px; overflow-y: auto; max-height: calc(80vh - 150px); } .continent-section { margin-bottom: 40px; } .continent-title { font-size: 1.5rem; color: #2c3e50; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #667eea; } .language-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; } .language-item { background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; padding: 12px 20px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; gap: 10px; } .language-item:hover { background: #667eea; color: white; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(102, 126, 234, 0.3); } .language-item.active { background: #764ba2; color: white; } /* Mobile Menu */ .mobile-menu-btn { display: none; background: none; border: none; color: white; font-size: 1.5rem; cursor: pointer; padding: 10px; } .mobile-nav { display: none; position: fixed; top: 70px; left: 0; right: 0; background: #1a252f; box-shadow: 0 5px 20px rgba(0,0,0,0.3); transform: translateX(-100%); transition: transform 0.3s ease; } .mobile-nav.active { transform: translateX(0); } .mobile-nav ul { list-style: none; padding: 20px; } .mobile-nav a { color: white; text-decoration: none; display: block; padding: 12px 20px; border-radius: 8px; transition: all 0.3s ease; } .mobile-nav a:hover { background: rgba(255, 255, 255, 0.1); } /* Hero Section */ .hero { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 180px 0 100px; text-align: center; position: relative; overflow: hidden; } .hero::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px); background-size: 50px 50px; animation: moveGrid 20s linear infinite; } @keyframes moveGrid { 0% { transform: translate(0, 0); } 100% { transform: translate(50px, 50px); } } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1; } .hero h1 { font-size: 3.5rem; margin-bottom: 20px; font-weight: 700; animation: fadeInUp 0.8s ease; } .hero p { font-size: 1.3rem; margin-bottom: 40px; max-width: 700px; margin-left: auto; margin-right: auto; opacity: 0.9; animation: fadeInUp 0.8s ease 0.2s both; } @keyframes fadeInUp { @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .hero-buttons { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; animation: fadeInUp 0.8s ease 0.4s both; } .btn { display: inline-block; padding: 15px 30px; font-size: 1.1rem; text-decoration: none; border-radius: 8px; font-weight: 600; transition: all 0.3s ease; cursor: pointer; } .btn-primary { background: white; color: #667eea; } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .btn-secondary { background: transparent; color: white; border: 2px solid white; } .btn-secondary:hover { background: white; color: #667eea; } /* Features Section */ .features { padding: 80px 0; background: #f8f9fa; } .section-title { text-align: center; font-size: 2.5rem; margin-bottom: 60px; color: #2c3e50; } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 40px; } .feature-card { background: white; padding: 40px; border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); transition: all 0.3s ease; text-align: center; } .feature-card:hover { transform: translateY(-5px); box-shadow: 0 10px 40px rgba(0,0,0,0.12); } .feature-icon { width: 80px; height: 80px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; margin: 0 auto 20px; } .feature-card h3 { font-size: 1.5rem; margin-bottom: 15px; color: #2c3e50; } .feature-card p { color: #666; line-height: 1.8; } /* Integration Section */ .integration { padding: 80px 0; background: white; } .integration-content { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .integration-text h2 { font-size: 2.5rem; margin-bottom: 20px; color: #2c3e50; } .integration-text p { font-size: 1.1rem; color: #666; margin-bottom: 30px; line-height: 1.8; } .integration-steps { display: flex; flex-direction: column; gap: 20px; } .step { display: flex; align-items: center; gap: 20px; } .step-number { width: 50px; height: 50px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 1.2rem; flex-shrink: 0; } .step-content h4 { font-size: 1.2rem; margin-bottom: 5px; color: #2c3e50; } .step-content p { color: #666; font-size: 0.95rem; } .integration-image { position: relative; } .integration-image img { width: 100%; border-radius: 12px; box-shadow: 0 20px 60px rgba(0,0,0,0.1); } /* CTA Section */ .cta { padding: 100px 0; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); text-align: center; color: white; position: relative; overflow: hidden; } .cta::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,') no-repeat bottom; background-size: cover; } .cta-content { position: relative; z-index: 1; } .cta h2 { font-size: 2.5rem; margin-bottom: 20px; } .cta p { font-size: 1.2rem; margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto; opacity: 0.9; } /* Footer */ footer { background: #1a202c; color: white; padding: 60px 0 30px; position: relative; overflow: hidden; } footer::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(45deg, rgba(102, 126, 234, 0.05) 25%, transparent 25%), linear-gradient(-45deg, rgba(102, 126, 234, 0.05) 25%, transparent 25%); background-size: 30px 30px; background-position: 0 0, 15px 15px; } .footer-content { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-section h3 { margin-bottom: 20px; color: #667eea; font-size: 1.2rem; } .footer-section ul { list-style: none; } .footer-section a { color: rgba(255, 255, 255, 0.7); text-decoration: none; display: block; padding: 5px 0; transition: color 0.3s ease; } .footer-section a:hover { color: white; } .footer-section p { color: rgba(255, 255, 255, 0.7); line-height: 1.8; margin-bottom: 8px; } .footer-bottom { text-align: center; padding-top: 40px; border-top: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.7); } .footer-bottom p { margin-bottom: 8px; } /* Make second line of footer single line on desktop */ .footer-bottom p:nth-child(2) { white-space: nowrap; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; } .footer-bottom p:nth-child(2)::-webkit-scrollbar { display: none; } /* Mobile responsive for footer second line */ @media (max-width: 768px) { .footer-bottom p:nth-child(2) { white-space: normal; font-size: 0.85rem; line-height: 1.6; } } /* Back to Top */ .back-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; cursor: pointer; opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 999; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); } .back-to-top.visible { opacity: 1; visibility: visible; } .back-to-top:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4); } /* Responsive */ @media (max-width: 768px) { .header-content { padding: 0 15px; } nav ul { display: none; } .mobile-menu-btn { display: block; } .mobile-nav { display: block; } .hero h1 { font-size: 2.5rem; } .hero p { font-size: 1.1rem; } .features-grid { grid-template-columns: 1fr; gap: 30px; } .integration-content { grid-template-columns: 1fr; } .integration-image { order: -1; } .modal-content { width: 95%; max-height: 90vh; } .language-grid { grid-template-columns: 1fr; } } /* RTL Support */ [dir="rtl"] { text-align: right; } [dir="rtl"] .header-content, [dir="rtl"] nav ul, [dir="rtl"] .step { flex-direction: row-reverse; } [dir="rtl"] .back-to-top { right: auto; left: 30px; }
Revolutionary academic publishing platform beyond traditional boundaries. Completely free paper submission, AI-powered quality assurance, direct WIAsis integration from analysis to publication in one click.
No submission fees, no publication costs. Research should be accessible to everyone.
Advanced AI system ensures high-quality publications and rapid review process.
Seamless integration with WIAsis for direct publication from statistical analysis.
All published papers are freely accessible to the global research community.
Fast-track review process powered by AI and expert reviewers.
Reach researchers worldwide with innovative dissemination strategies.
Experience the perfect research ecosystem from analysis to publication
Perform advanced statistical analysis using WIAsis platform
Automatic generation of research papers based on analysis results
One-click submission of generated papers to Divine Journal
Fast publication process with AI-assisted quality assurance
Join thousands of researchers who trust Divine Journal for their academic publishing needs
Revolutionary academic publishing platform beyond traditional boundaries. Completely free paper submission, AI-powered quality assurance, direct WIAsis integration from analysis to publication in one click.
No submission fees, no publication costs. Research should be accessible to everyone.
Advanced AI system ensures high-quality publications and rapid review process.
Seamless integration with WIAsis for direct publication from statistical analysis.
All published papers are freely accessible to the global research community.
Fast-track review process powered by AI and expert reviewers.
Reach researchers worldwide with innovative dissemination strategies.
Experience the perfect research ecosystem from analysis to publication
Perform advanced statistical analysis using WIAsis platform
Automatic generation of research papers based on analysis results
One-click submission of generated papers to Divine Journal
Fast publication process with AI-assisted quality assurance
Join thousands of researchers who trust Divine Journal for their academic publishing needs