body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-container{align-items:center;background:linear-gradient(135deg,#1f2937,#111827);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:40px 20px;text-align:center}.home-container h1{font-size:38px;font-weight:600;letter-spacing:1px;margin-bottom:30px}.home-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.home-btn{background:#2563eb;border-radius:8px;box-shadow:0 4px 10px #0000004d;color:#fff;font-size:16px;font-weight:500;padding:14px 26px;text-decoration:none;transition:all .3s ease}.home-btn:hover{background:#1d4ed8;transform:translateY(-3px)}.admin-btn{background:#dc2626}.admin-btn:hover{background:#b91c1c}.home-container h1{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.home-container h1{font-size:28px}.home-buttons{flex-direction:column;gap:15px}.home-btn{width:220px}}.navbar-container{align-items:center;background:#007bff;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;left:0;padding:12px 20px;position:fixed;top:0;width:100%;z-index:1000}body{padding-top:65px}.navbar-logo{align-items:center;display:flex;font-size:18px;font-weight:700;gap:8px}.navbar-logo img{width:30px}.navbar-links{align-items:center;display:flex;gap:18px}.navbar-links a{color:#fff;font-size:15px;text-decoration:none}.navbar-links a:hover{text-decoration:underline}.active{font-weight:700}.logout-btn{background:red;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.logout-btn:hover{background:darkred}.hamburger{cursor:pointer;display:none;flex-direction:column;z-index:1001}.bar{background:#fff;height:3px;margin:4px 0;transition:.3s;width:25px}.hamburger.open .bar:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:768px){.hamburger{display:flex}.navbar-links{align-items:center;background:#007bff;display:none;flex-direction:column;gap:30px;height:calc(100vh - 65px);justify-content:center;left:0;position:fixed;top:65px;width:100%}.navbar-links.mobile-open{display:flex}.navbar-links a{font-size:22px}.logout-btn{font-size:16px;padding:10px 20px}}.footer{background:#111827;color:#f9fafb;font-family:Arial,sans-serif;padding:40px 20px 20px}.footer-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:auto;max-width:1200px;text-align:left}.footer-section h2,.footer-section h3{color:#3b82f6;margin-bottom:15px}.footer-section li,.footer-section p,.footer-section ul{font-size:14px;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li a{color:#f9fafb;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#3b82f6}.social-icons{display:flex;gap:12px;justify-content:center;margin-top:10px}.social-icons a{color:#f9fafb;font-size:20px;transition:all .3s ease}.social-icons a:hover{color:#3b82f6;transform:translateY(-3px)}.footer-section.social-center{text-align:center}@media (max-width:768px){.footer-container{text-align:center}.footer-section{margin-bottom:20px}.social-icons{justify-content:center}}.footer-bottom{animation:fadeInUp .8s ease;background:linear-gradient(135deg,#0f172a,#1e293b);border-top:1px solid #ffffff26;box-shadow:0 -3px 15px #0006;color:#f3f4f6;font-family:Poppins,sans-serif;padding:20px 15px;text-align:center}.footer-bottom p{font-size:15px;letter-spacing:.6px;margin:6px 0}.footer-bottom p:first-child{font-size:14px;opacity:.85}.footer-bottom p:last-child{font-weight:600}.footer-bottom p:last-child span{background:#3b82f614;border-radius:6px;color:#60a5fa;cursor:pointer;padding:3px 8px;position:relative;transition:all .4s ease-in-out}.footer-bottom p:last-child span:hover{background:#3b82f633;color:#fff;transform:scale(1.08)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-box{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:40px;text-align:center;width:320px}.login-box h2{margin-bottom:20px}.login-box input{border:1px solid #ccc;border-radius:5px;font-size:14px;margin:10px 0;padding:10px;width:100%}.login-box input:focus{border-color:#007bff;outline:none}.login-box button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;width:300px}.login-box button:hover{background:#0056b3}.login-box p{font-size:14px;margin-top:15px}.login-box a{color:#007bff;font-weight:700;text-decoration:none}.login-box a:hover{text-decoration:underline}.password-field input{padding:10px}body{background:#f4f6f9;font-family:Arial,Helvetica,sans-serif;margin:0}.register-container{align-items:center;display:flex;height:100vh;justify-content:center}.register-box{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:40px;text-align:center;width:330px}.register-box h2{color:#333;margin-bottom:20px}.register-box input{border:1px solid #ccc;border-radius:5px;font-size:14px;margin:10px 0;padding:10px;width:100%}.register-box input:focus{border-color:#007bff;outline:none}.password-field{position:relative}.password-field input{width:100%}.eye-icon{cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.password-note{color:gray;font-size:12px;margin-top:5px;text-align:left}.terms-container{align-items:flex-start;display:flex;gap:8px;margin-top:10px}.checkbox-div input{margin-top:4px;width:auto}.terms-text{font-size:13px;text-align:left}.terms-text a{color:#007bff;font-weight:700;text-decoration:none}.terms-text a:hover{text-decoration:underline}.register-box button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:19px;padding:12px;width:300px}.register-box button:hover{background:#0056b3}.register-box p{font-size:14px;margin-top:15px}.register-box a{color:#007bff;font-weight:700;text-decoration:none}.addblog-container{align-items:flex-start;background:#f5f6fa;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:80px 20px 40px}.addblog-box{background:#fff;border-radius:12px;box-shadow:0 8px 25px #0000001a;box-sizing:border-box;max-width:550px;padding:30px 25px;width:100%}.addblog-box h2{color:#007bff;margin-bottom:25px;text-align:center}.addblog-box input[type=file],.addblog-box input[type=text],.addblog-box textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;margin-bottom:15px;outline:none;padding:10px 12px;transition:border .3s,box-shadow .3s;width:100%}.addblog-box input[type=text]:focus,.addblog-box textarea:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d}.addblog-box label{color:#333;display:block;font-weight:600;margin-bottom:5px}.preview-image,.preview-video{border:1px solid #ddd;border-radius:8px;display:block;height:auto;margin-bottom:15px;max-height:400px;object-fit:contain}.addblog-box button[type=submit]{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background .3s;width:100%}.addblog-box button[type=submit]:hover{background:#0056b3}.toast{background:#007bff}@media screen and (max-width:640px){.addblog-box{padding:20px}.preview-image,.preview-video{max-height:300px}}.viewblogs-container{font-family:Arial,sans-serif;margin:20px auto;max-width:1200px;width:40%}.blog-search{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;display:block;font-size:16px;margin:15px auto 30px;max-width:100%;padding:10px 15px;width:100%}.blog-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px}.blog-card h2{color:#333;font-size:24px;margin:0 0 10px}.blog-content{color:#555;font-size:16px;line-height:1.6;margin-bottom:15px}.blog-media{margin-bottom:15px;text-align:center}.blog-image{height:auto;max-width:100%}.blog-image,.blog-video{border-radius:5px;cursor:pointer}.blog-video{max-height:500px;object-fit:contain;width:100%}.like-dislike-container{display:flex;gap:10px;margin-bottom:10px}.dislike-btn,.like-btn,.save-btn{background:#f0f0f0;border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:8px 15px}.like-btn.liked{background-color:#d4edda;color:#155724}.dislike-btn.disliked{background-color:#f8d7da;color:#721c24}.save-btn{background-color:#fff3cd;color:#856404}.author{color:#666;font-size:14px}.author-link{color:#007bff;text-decoration:none}.author-link:hover{text-decoration:underline}.pagination{display:flex;gap:5px;justify-content:center;margin:25px 0}.page-btn{background:#fff;border:1px solid #007bff;border-radius:5px;color:#007bff;cursor:pointer;padding:8px 12px}.page-btn.active,.page-btn:hover{background:#007bff;color:#fff}.image-modal{align-items:center;background:#000c;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.image-modal.show{display:flex}.modal-content{max-height:90%;max-width:90%}.close{color:#fff;cursor:pointer;font-size:36px;position:absolute;right:30px;top:20px}@media (max-width:1024px){.viewblogs-container{width:90%}.blog-search{width:100%}.blog-video{max-height:400px}}@media (max-width:768px){.viewblogs-container{width:95%}.blog-search{font-size:15px;width:100%}.blog-card h2{font-size:20px}.blog-video{max-height:300px}}@media (max-width:480px){.blog-search{font-size:14px;width:100%}.blog-card h2{font-size:18px}.blog-video{max-height:200px}}.text-ad-wrapper{display:flex;justify-content:center;margin:15px 0;width:100%}.text-ad-box{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;cursor:pointer;max-width:700px;padding:12px;transition:.3s;width:90%}.text-ad-box:hover{background:#eef6ff;transform:scale(1.01)}.text-ad-text{color:#333;font-size:16px;font-weight:500}.text-ad-click{color:#007bff;font-size:12px}.image-ad-wrapper{display:flex;justify-content:center;margin:20px 0;width:100%}.image-ad-box{border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 6px #0003;cursor:pointer;max-width:800px;overflow:hidden;transition:.3s;width:90%}.image-ad-box:hover{transform:scale(1.02)}.image-ad-img{display:block;height:auto;width:100%}.video-ad-wrapper{display:flex;justify-content:center;margin:20px 0;width:100%}.video-ad-box{border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 6px #0003;cursor:pointer;max-width:800px;overflow:hidden;transition:.3s;width:90%}.video-ad-box:hover{transform:scale(1.02)}.video-ad-video{display:block;height:auto;width:100%}.profile-page{font-family:Arial,Helvetica,sans-serif;margin:40px auto;max-width:900px;padding:40px 15px;width:25%}.profile-header{margin-bottom:35px;text-align:center}.profile-header h1{font-size:32px;margin-bottom:5px}.profile-header h3{color:#666;margin-bottom:15px}.follow-stats{display:flex;gap:25px;justify-content:center}.follow-click{color:#007bff;cursor:pointer;font-weight:700}.follow-click:hover{text-decoration:underline}.profile-blog-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 5px 15px #0000000d;margin-bottom:30px;padding:20px;transition:.3s}.profile-blog-card:hover{transform:translateY(-3px)}.profile-blog-title{font-size:22px;margin-bottom:10px}.profile-blog-content{color:#444;font-size:15px;line-height:1.7}.profile-blog-image-box{display:flex;justify-content:center;margin-top:15px}.profile-blog-image{border-radius:10px;max-width:420px;object-fit:contain;width:100%}.profile-blog-video-box{display:flex;justify-content:center;margin-top:15px}.profile-blog-video{border-radius:10px;max-width:420px;object-fit:contain;width:100%}.profile-blog-card button{border:none;border-radius:6px;cursor:pointer;font-size:14px;margin-right:8px;padding:6px 14px}.profile-blog-card button:first-child{background:#28a745;color:#fff}.profile-blog-card button:nth-child(2){background:#ffc107}.profile-delete-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:15px;padding:7px 16px}.profile-delete-btn:hover{background:#b02a37}.profile-no-blog{color:gray;font-size:18px;margin-top:30px;text-align:center}.popup-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.popup-box{background:#fff;border-radius:10px;max-height:400px;padding:25px;width:300px}.popup-box h2{margin-bottom:15px}.close-btn{background:none;font-size:18px}.popup-user{border-bottom:1px solid #eee;padding:8px}.popup-user:hover{background:#f5f5f5}.toast{animation:slide-in .5s ease,fade-out .5s ease 2.5s forwards;border-radius:8px;bottom:30px;box-shadow:0 5px 15px #0003;color:#fff;font-weight:500;padding:15px 20px;position:fixed;right:30px;z-index:2000}.toast-info{background:#007bff}.toast-success{background:#28a745}.toast-error{background:#dc3545}@keyframes slide-in{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.profile-page{padding:30px 10px;width:80%}.profile-header h1{font-size:26px}.profile-blog-title{font-size:20px}.profile-blog-content{font-size:14px}.profile-blog-image,.profile-blog-video{max-width:100%}.follow-stats{gap:15px}}@media (max-width:480px){.profile-page{padding:20px 10px;width:95%}.profile-header h1{font-size:22px}.profile-blog-title{font-size:18px}.profile-blog-content{font-size:13px}.follow-stats{flex-direction:column;gap:8px}.profile-blog-image,.profile-blog-video{max-width:100%}}.leaderboard-container{margin:auto;max-width:900px;padding:20px}.leaderboard-container h1{margin-bottom:25px;text-align:center}.leaderboard-table{background:#fff;border-collapse:collapse;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:1px solid #ddd;padding:12px;text-align:center}.leaderboard-table th{background:#007bff;color:#fff;font-weight:500}.leaderboard-table tr:hover{background:#f5f5f5}.leaderboard-click{cursor:pointer}.titles{text-align:left}.top-three{background:#fff8e1;font-weight:600}.top-three:first-child{background:#ffe082}.top-three:nth-child(2){background:#e0e0e0}.top-three:nth-child(3){background:#ffd8a8}@media(max-width:600px){.leaderboard-container{padding:15px}.leaderboard-table td,.leaderboard-table th{font-size:13px;padding:8px}.titles{font-size:12px}}.share-app{background:#f8f9fa;border-radius:10px;box-shadow:0 3px 10px #0000001a;margin-top:50px;padding:30px;text-align:center}.share-app h2{margin-bottom:10px}.qr-box{margin-top:20px}.qr-box img{border:5px solid #fff;border-radius:10px;box-shadow:0 5px 15px #0003;height:180px;width:180px}.qr-box p{color:#555;font-size:14px;margin-top:10px}.authorblogs-container{font-family:Arial,sans-serif;margin:20px auto;max-width:900px;width:25%}.author-header{margin-bottom:30px;text-align:center}.author-header h1{font-size:2rem;margin-bottom:5px}.author-header .followers{color:#555;font-size:1rem;margin-bottom:10px}.follow-btn,.unfollow-btn{border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:8px 20px;transition:background .3s}.follow-btn{background-color:#007bff;color:#fff}.follow-btn:hover{background-color:#0056b3}.unfollow-btn{background-color:#dc3545;color:#fff}.unfollow-btn:hover{background-color:#a71d2a}.author-title{border-bottom:2px solid #ddd;font-size:1.5rem;margin-bottom:20px;padding-bottom:5px;text-align:left}.author-blog-card{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin-bottom:25px;padding:15px;transition:transform .2s}.author-blog-card:hover{transform:translateY(-2px)}.blog-title-section h2{color:#333;font-size:1.3rem;margin-bottom:10px}.blog-content-section p{color:#555;font-size:1rem;line-height:1.6}.read-more-btn{color:#007bff;cursor:pointer;font-weight:700;margin-left:5px}.read-more-btn:hover{text-decoration:underline}.blog-media-section{display:flex;flex-direction:column;gap:10px;margin-top:15px}.blog-image-small{border-radius:5px;height:auto;max-width:100%}.blog-video-small{border-radius:5px;max-width:100%;outline:none}.blog-actions{display:flex;gap:15px;margin-top:10px}.dislike-btn,.like-btn{background-color:#eee;border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:5px 12px;transition:background .3s}.like-btn:hover{background-color:#d4edda}.dislike-btn:hover{background-color:#f8d7da}h2{color:#333}@media screen and (max-width:768px){.authorblogs-container{width:95%}.author-header h1{font-size:1.5rem}.author-title{font-size:1.2rem}.blog-title-section h2{font-size:1.1rem}.blog-actions{flex-direction:column;gap:10px}}.admin-container{font-family:Arial,sans-serif;padding:20px}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border:1px solid #ccc;padding:10px;text-align:left}.admin-table th{background-color:#f4f4f4}.admin-table tr:nth-child(2n){background-color:#fafafa}.admin-table button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.admin-table button:hover{background-color:#0056b3}.advertise-page{background:#f9fafb;display:flex;flex-direction:column;font-family:Arial,sans-serif}.header{background:#3c64f4;color:#fff;padding:70px 20px;text-align:center}.header h1{font-size:38px;margin-bottom:10px}.header p{font-size:14px;margin:auto;max-width:600px}.banner{background:#f3f4f6;padding:60px 20px;text-align:center}.banner h2{font-size:30px;margin-bottom:10px}.banner p{font-size:16px;margin:auto;max-width:600px}.banner button{background:#1e40af;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 28px}.banner button:hover{background:#3749c2}.features{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;padding:60px 20px}.feature-card{background:#fff;border-radius:14px;box-shadow:0 4px 12px #0000001a;max-width:320px;padding:25px 20px;text-align:center;transition:.3s}.feature-card:hover{transform:translateY(-6px)}.feature-card h3{font-size:22px;margin-bottom:10px}.feature-card p{color:#555;font-size:15px}.preview-btn{background:#0a66ff;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 18px}.preview-btn:hover{background:#004fd8}.preview-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.preview-modal{background:#fff;border-radius:14px;max-width:420px;padding:20px;text-align:center;width:90%}.preview-modal h3{margin-bottom:10px}.preview-modal a{text-decoration:none}.preview-image{border-radius:10px;cursor:pointer;margin-top:10px;transition:transform .3s;width:100%}.preview-image:hover{transform:scale(1.03)}.preview-video{border-radius:10px;margin-top:10px;width:100%}.close-btn,.preview-link{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;height:42px;justify-content:center;margin:12px 6px 0;text-decoration:none;transition:transform .2s ease,background .2s ease;width:140px}.preview-link{background:#1e40af;color:#fff}.preview-link:hover{background:#3749c2;transform:scale(1.05)}.close-btn{background:#ef4444}.close-btn:hover{background:#dc2626;transform:scale(1.05)}.contact{background:#e0f2fe;border-radius:14px;margin:50px auto;max-width:650px;padding:30px;text-align:center}.contact h2{font-size:28px;margin-bottom:10px}.contact p{color:#333;font-size:15px}.whatsapp-link{background:#25d366;border-radius:8px;color:#fff;display:inline-block;font-weight:700;margin-top:10px;padding:10px 20px;text-decoration:none}.whatsapp-link:hover{background:#1ebe57}.legal-note{background:#fff8e1;border:1px solid #ffe082;border-radius:14px;margin:40px auto;max-width:900px;padding:25px}.legal-note h2{color:#d84315;margin-bottom:15px}.legal-note li{font-size:15px;line-height:1.6;margin-bottom:10px}@media (max-width:768px){.features{align-items:center;flex-direction:column}.header h1{font-size:30px}}.adsubmit-container{background:#fff;border-radius:10px;box-shadow:0 5px 20px #0000001a;margin:60px auto;max-width:600px;padding:40px}.adsubmit-container h1{margin-bottom:30px;text-align:center}.ad-form{display:flex;flex-direction:column;gap:15px}.ad-form input,.ad-form select,.ad-form textarea{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:10px}.ad-form textarea{height:120px}.ad-form button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:12px}.ad-form button:hover{background:#0056b3}.legal-container{font-family:Arial,Helvetica,sans-serif;line-height:1.7;margin:auto;max-width:900px;padding:40px}.legal-container h1{margin-bottom:10px}.date{color:gray;font-size:14px;margin-bottom:20px}.legal-container h2{color:#333;margin-top:25px}.legal-container p{color:#444;margin-top:10px}.legal-container ul{margin-top:10px;padding-left:20px}.legal-container li{margin-bottom:6px}.analytics-container{font-family:Arial,sans-serif;margin:20px auto;text-align:center;width:95%}.analytics-container h1{color:#007bff;margin-bottom:15px}.analytics-table{border-collapse:collapse;box-shadow:0 0 5px #0000001a;width:100%}.analytics-table td,.analytics-table th{border:1px solid #ddd;padding:8px;text-align:center}.analytics-table th{background-color:#007bff;color:#fff}.analytics-table tbody tr:hover{background-color:#f1f1f1}.popup-img,.preview-img{border-radius:4px;height:60px;object-fit:cover;width:100px}.popup-video,.preview-video{border-radius:4px;height:80px;width:150px}.open-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.open-btn:hover{background-color:#0056b3}.popup{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;padding:10px;position:fixed;top:0;width:100%;z-index:9999}.popup-box{background-color:#fff;border-radius:8px;max-height:90%;max-width:600px;overflow-y:auto;padding:20px;position:relative;text-align:left;width:100%}.close-btn{background:red;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:5px 10px;position:absolute;right:10px;top:10px}.close-btn:hover{background:#c0392b}.popup h3{color:#007bff;margin-top:0}.popup a,.popup p{display:block;font-size:14px;margin:8px 0}.popup a{color:#007bff;text-decoration:underline}.popup-img,.popup-video{border-radius:6px;height:auto;margin-top:10px;width:100%}@media (max-width:768px){.preview-img,.preview-video{height:50px;width:70px}.popup-box{padding:15px}.popup a,.popup p{font-size:13px}}@media (max-width:480px){.analytics-table td,.analytics-table th{font-size:12px;padding:4px}.open-btn{font-size:10px;padding:3px 6px}.popup a,.popup p{font-size:12px}}.love-container{background:#000;font-family:Arial;height:100vh;overflow:hidden;width:100%}.form-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;color:#fff;margin:120px auto;padding:30px;text-align:center;width:350px}.form-box input{margin:10px 0;padding:10px;width:90%}.form-box button{background:hotpink;border:none;padding:10px 20px}.love-scene{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.bg-video{filter:brightness(.6);height:100vh;left:0;object-fit:cover;position:absolute;top:0;width:100vw;z-index:1}@media screen and (max-width:768px){.bg-video{height:100vh;object-fit:cover;width:100vw}}@media screen and (min-width:1200px){.bg-video{height:100vh;object-fit:cover;width:100vw}}.water-system{height:100%;position:absolute;width:100%;z-index:3}.water-drop{animation:waterFall linear infinite;background:linear-gradient(180deg,#fff,cyan);border-radius:50%;height:20px;position:absolute;width:6px}.water-drop:nth-child(odd){animation-duration:1.3s;left:40%}.water-drop:nth-child(2n){animation-duration:1.6s;left:60%}@keyframes waterFall{0%{top:-50px}to{top:100%}}.jogfalls{color:#ff0;top:20px}.jogfalls,.names{position:absolute;text-align:center;width:100%;z-index:5}.names{color:#fff;top:80px}.photo-box{left:50%;position:absolute;top:55%;transform:translate(-50%,-50%);z-index:50}.photo-img{background-color:#dde0;border:5px solid #e8e6f200;height:300px;object-fit:contain;width:300px}.follow{animation:fall linear infinite;color:#fff;position:absolute;z-index:2}.follow:nth-child(odd){animation-duration:5s;left:20%}.follow:nth-child(2n){animation-duration:6s;left:70%}@keyframes fall{0%{top:-50px}to{top:100%}}.heart{animation:up 6s infinite;bottom:0;position:absolute;z-index:2}@keyframes up{0%{bottom:0}to{bottom:100%}}.fire{animation:boom 2s infinite;font-size:40px;position:absolute;top:50%;z-index:2}.fire:first-child{left:20%}.fire:nth-child(2){left:40%}.fire:nth-child(3){left:60%}.fire:nth-child(4){left:80%}@keyframes boom{0%{transform:scale(1)}50%{transform:scale(2)}to{transform:scale(1)}}
/*# sourceMappingURL=main.e4be20b6.css.map*/