PageSourceSearch

https://apnaartist.com/apnaartist-official-website/entertainment-news.php

html apnaartist.com collected 2026-10-08 03:18:40 UTC 105,770 bytes, 3,204 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5    <meta charset="UTF-8">
6
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8
9    <title>Entertainment News App | Nearby Artist News, Events, Club Updates &amp; Hot Stories</title>
10
11    <meta name="description" content="ApnaArtist entertainment news helps users follow nearby artist updates, event announcements, club news, nightlife updates, music stories, creator news and verified entertainment highlights in Bangalore, Mumbai and across India.">
12    <meta name="keywords" content="entertainment news app India, nearby entertainment news, local entertainment news Bangalore, local entertainment news Mumbai, artist news app, event news app, nightlife news app, celebrity updates app, ApnaArtist entertainment news">
13    <meta name="author" content="ApnaArtist">
14    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
15
16    <link rel="canonical" href="https://apnaartist.com/apnaartist-official-website/entertainment-news.php">
17
18    <meta property="og:type" content="website">
19    <meta property="og:title" content="Entertainment News App | Nearby Artist News, Events, Club Updates &amp; Hot Stories">
20    <meta property="og:description" content="ApnaArtist entertainment news helps users follow nearby artist updates, event announcements, club news, nightlife updates, music stories, creator news and verified entertainment highlights in Bangalore, Mumbai and across India.">
21    <meta property="og:image" content="/apnaartist-official-website/assets/images/apna-artist-logo.png">
22    <meta property="og:url" content="https://apnaartist.com/apnaartist-official-website/entertainment-news.php">
23    <meta property="og:site_name" content="ApnaArtist">
24
25    <meta name="twitter:card" content="summary_large_image">
26    <meta name="twitter:title" content="Entertainment News App | Nearby Artist News, Events, Club Updates &amp; Hot Stories">
27    <meta name="twitter:description" content="ApnaArtist entertainment news helps users follow nearby artist updates, event announcements, club news, nightlife updates, music stories, creator news and verified entertainment highlights in Bangalore, Mumbai and across India.">
28    <meta name="twitter:image" content="/apnaartist-official-website/assets/images/apna-artist-logo.png">
29
30    <link rel="icon" href="/apnaartist-official-website/assets/images/favicon.ico" type="image/x-icon">
31
32    <style>
33        :root {
34            --aa-pink: #f00e51;
35            --aa-pink-dark: #c90043;
36            --aa-orange: #ff7a00;
37            --aa-dark: #111111;
38            --aa-dark-2: #1d1d1d;
39            --aa-white: #ffffff;
40            --aa-light: #f8f8f8;
41            --aa-muted: #6b7280;
42            --aa-border: rgba(17, 17, 17, 0.10);
43            --aa-shadow: 0 14px 40px rgba(0, 0, 0, 0.14);
44            --aa-gradient: linear-gradient(135deg, #f00e51 0%, #ff7a00 100%);
45            --aa-radius: 22px;
46        }
47
48        * {
49            box-sizing: border-box;
50            margin: 0;
51            padding: 0;
52        }
53
54        html {
55            scroll-behavior: smooth;
56        }
57
58        body {
59            font-family: "Segoe UI", Arial, sans-serif;
60            background-color: #0f0f0f;
61            color: #111;
62            padding-top: 92px;
63        }
64
65        a {
66            text-decoration: none;
67        }
68
69        button {
70            font-family: inherit;
71        }
72
73        body.drawer-open {
74            overflow: hidden;
75        }
76
77        /* =====================================================
78           DESKTOP HEADER
79        ===================================================== */
80
81        .main-header {
82            width: calc(100% - 28px);
83            max-width: 1480px;
84            position: fixed;
85            top: 12px;
86            left: 50%;
87            transform: translateX(-50%);
88            z-index: 1000;
89            background: rgba(255, 255, 255, 0.96);
90            backdrop-filter: blur(18px);
91            -webkit-backdrop-filter: blur(18px);
92            border: 1px solid var(--aa-border);
93            border-radius: var(--aa-radius);
94            box-shadow: var(--aa-shadow);
95            padding: 12px 16px;
96            display: flex;
97            align-items: center;
98            justify-content: space-between;
99            gap: 14px;
100            transition: all 0.28s ease;
101        }
102
103        .main-header.scrolled {
104            background: rgba(240, 14, 81, 0.96);
105            border-color: rgba(255, 255, 255, 0.20);
106            box-shadow: 0 16px 40px rgba(240, 14, 81, 0.28);
107        }
108
109        .logo-container {
110            flex: 0 0 auto;
111            display: flex;
112            align-items: center;
113        }
114
115        .header-logo {
116            height: 44px;
117            max-width: 165px;
118            object-fit: contain;
119            display: block;
120            transition: transform 0.25s ease;
121        }
122
123        .header-logo:hover {
124            transform: scale(1.04);
125        }
126
127        .nav-links {
128            flex: 1;
129            display: flex;
130            align-items: center;
131            justify-content: center;
132            gap: 5px;
133            min-width: 0;
134        }
135
136        .nav-links a,
137        .dropbtn {
138            display: inline-flex;
139            align-items: center;
140            justify-content: center;
141            gap: 6px;
142            color: var(--aa-dark);
143            font-size: 14.5px;
144            font-weight: 780;
145            line-height: 1;
146            padding: 11px 10px;
147            border-radius: 999px;
148            white-space: nowrap;
149            cursor: pointer;
150            transition: all 0.22s ease;
151        }
152
153        .nav-links a:hover,
154        .nav-links a.active,
155        .dropdown.active > .dropbtn,
156        .dropdown.open > .dropbtn {
157            background: rgba(240, 14, 81, 0.09);
158            color: var(--aa-pink);
159            transform: translateY(-1px);
160        }
161
162        .main-header.scrolled .nav-links > a,
163        .main-header.scrolled .dropbtn {
164            color: #fff;
165        }
166
167        .main-header.scrolled .nav-links > a:hover,
168        .main-header.scrolled .nav-links > a.active,
169        .main-header.scrolled .dropdown.active > .dropbtn,
170        .main-header.scrolled .dropdown.open > .dropbtn {
171            background: rgba(255, 255, 255, 0.18);
172            color: #fff;
173        }
174
175        .dropdown {
176            position: relative;
177        }
178
179        .dropbtn::after {
180            content: "";
181            width: 7px;
182            height: 7px;
183            border-right: 2px solid currentColor;
184            border-bottom: 2px solid currentColor;
185            transform: rotate(45deg) translateY(-2px);
186            margin-left: 2px;
187            opacity: 0.85;
188            transition: transform 0.25s ease;
189        }
190
191        .dropdown.open > .dropbtn::after,
192        .dropdown:hover > .dropbtn::after {
193            transform: rotate(225deg) translateY(-1px);
194        }
195
196        /* =====================================================
197           PRO ANIMATED DESKTOP SUBMENU
198        ===================================================== */
199
200        .dropdown-content {
201            position: absolute;
202            top: calc(100% + 14px);
203            left: 50%;
204            transform: translateX(-50%) translateY(16px) scale(0.96);
205            min-width: 285px;
206            background:
207                linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(255, 248, 251, 0.98));
208            backdrop-filter: blur(22px);
209            -webkit-backdrop-filter: blur(22px);
210            border: 1px solid rgba(240, 14, 81, 0.14);
211            border-radius: 22px;
212            box-shadow:
213                0 22px 55px rgba(0, 0, 0, 0.22),
214                0 0 0 1px rgba(255, 255, 255, 0.55) inset;
215            padding: 12px;
216            opacity: 0;
217            visibility: hidden;
218            pointer-events: none;
219            transition:
220                opacity 0.24s ease,
221                transform 0.24s ease,
222                visibility 0.24s ease;
223            z-index: 5000;
224            overflow: visible;
225        }
226
227        .dropdown-content::before {
228            content: "";
229            position: absolute;
230            left: 0;
231            right: 0;
232            top: -18px;
233            height: 18px;
234            background: transparent;
235        }
236
237        .dropdown-content::after {
238            content: "";
239            position: absolute;
240            top: -7px;
241            left: 50%;
242            width: 16px;
243            height: 16px;
244            background: rgba(255, 255, 255, 0.99);
245            border-left: 1px solid rgba(240, 14, 81, 0.12);
246            border-top: 1px solid rgba(240, 14, 81, 0.12);
247            transform: translateX(-50%) rotate(45deg);
248            border-radius: 4px 0 0 0;
249            z-index: -1;
250        }
251
252        .dropdown:hover .dropdown-content,
253        .dropdown.open .dropdown-content {
254            opacity: 1;
255            visibility: visible;
256            pointer-events: auto;
257            transform: translateX(-50%) translateY(0) scale(1);
258            animation: aaMenuPop 0.24s ease both;
259        }
260
261        @keyframes aaMenuPop {
262            0% {
263                opacity: 0;
264                transform: translateX(-50%) translateY(16px) scale(0.96);
265            }
266            100% {
267                opacity: 1;
268                transform: translateX(-50%) translateY(0) scale(1);
269            }
270        }
271
272        .dropdown-content a {
273            width: 100%;
274            justify-content: flex-start;
275            position: relative;
276            overflow: hidden;
277            color: #171717 !important;
278            background: transparent;
279            padding: 13px 15px 13px 16px;
280            border-radius: 15px;
281            font-size: 14.7px;
282            font-weight: 780;
283            line-height: 1.25;
284            letter-spacing: -0.01em;
285            transition:
286                color 0.22s ease,
287                background 0.22s ease,
288                transform 0.22s ease,
289                box-shadow 0.22s ease;
290        }
291
292        .dropdown-content a::before {
293            content: "";
294            position: absolute;
295            left: 8px;
296            top: 50%;
297            width: 5px;
298            height: 5px;
299            border-radius: 999px;
300            background: var(--aa-gradient);
301            transform: translateY(-50%) scale(0);
302            transition: transform 0.22s ease;
303        }
304
305        .dropdown-content a:hover,
306        .dropdown-content a.active {
307            background: linear-gradient(135deg, rgba(240, 14, 81, 0.11), rgba(255, 122, 0, 0.10));
308            color: var(--aa-pink) !important;
309            transform: translateX(5px);
310            box-shadow: 0 8px 20px rgba(240, 14, 81, 0.10);
311            padding-left: 22px;
312        }
313
314        .dropdown-content a:hover::before,
315        .dropdown-content a.active::before {
316            transform: translateY(-50%) scale(1);
317        }
318
319        .main-header.scrolled .dropdown-content {
320            background:
321                linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(255, 248, 251, 0.98));
322            border-color: rgba(255, 255, 255, 0.70);
323            box-shadow:
324                0 22px 60px rgba(0, 0, 0, 0.26),
325                0 0 0 1px rgba(255, 255, 255, 0.70) inset;
326        }
327
328        .main-header.scrolled .dropdown-content a {
329            color: #171717 !important;
330        }
331
332        .main-header.scrolled .dropdown-content a:hover,
333        .main-header.scrolled .dropdown-content a.active {
334            color: var(--aa-pink) !important;
335            background: linear-gradient(135deg, rgba(240, 14, 81, 0.13), rgba(255, 122, 0, 0.11));
336        }
337
338        .header-actions {
339            flex: 0 0 auto;
340            display: flex;
341            align-items: center;
342            gap: 8px;
343        }
344
345        .user-info {
346            display: flex;
347            align-items: center;
348            gap: 8px;
349        }
350
351        .user-name {
352            color: var(--aa-orange);
353            font-size: 14px;
354            font-weight: 850;
355            max-width: 120px;
356            overflow: hidden;
357            text-overflow: ellipsis;
358            white-space: nowrap;
359        }
360
361        .main-header.scrolled .user-name {
362            color: #fff;
363        }
364
365        .login-btn,
366        .logout-btn,
367        .join-btn {
368            border: none;
369            outline: none;
370            cursor: pointer;
371            border-radius: 999px;
372            font-size: 14px;
373            font-weight: 850;
374            padding: 11px 15px;
375            transition: all 0.22s ease;
376            white-space: nowrap;
377            display: inline-flex;
378            align-items: center;
379            justify-content: center;
380        }
381
382        .join-btn,
383        .login-btn {
384            color: #fff;
385            background: var(--aa-gradient);
386            box-shadow: 0 9px 24px rgba(240, 14, 81, 0.26);
387        }
388
389        .join-btn:hover,
390        .login-btn:hover {
391            transform: translateY(-1px);
392            box-shadow: 0 12px 28px rgba(240, 14, 81, 0.34);
393        }
394
395        .logout-btn {
396            color: var(--aa-pink);
397            background: rgba(240, 14, 81, 0.10);
398        }
399
400        .logout-btn:hover {
401            background: var(--aa-pink);
402            color: #fff;
403        }
404
405        .main-header.scrolled .join-btn,
406        .main-header.scrolled .login-btn {
407            background: #fff;
408            color: var(--aa-pink);
409            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
410        }
411
412        .main-header.scrolled .logout-btn {
413            background: rgba(255, 255, 255, 0.18);
414            color: #fff;
415        }
416
417        .main-header.scrolled .logout-btn:hover {
418            background: #fff;
419            color: var(--aa-pink);
420        }
421
422        /* =====================================================
423           MOBILE HEADER
424        ===================================================== */
425
426        .mobile-header {
427            width: calc(100% - 24px);
428            position: fixed;
429            top: 10px;
430            left: 50%;
431            transform: translateX(-50%);
432            z-index: 1001;
433            display: none;
434            align-items: center;
435            justify-content: space-between;
436            padding: 12px 14px;
437            background: rgba(255, 255, 255, 0.97);
438            backdrop-filter: blur(18px);
439            -webkit-backdrop-filter: blur(18px);
440            border: 1px solid var(--aa-border);
441            border-radius: 20px;
442            box-shadow: var(--aa-shadow);
443        }
444
445        .mobile-logo {
446            height: 40px;
447            max-width: 155px;
448            object-fit: contain;
449            display: block;
450        }
451
452        .mobile-actions {
453            display: flex;
454            align-items: center;
455            gap: 8px;
456        }
457
458        .mobile-join {
459            display: inline-flex;
460            align-items: center;
461            justify-content: center;
462            background: var(--aa-gradient);
463            color: #fff;
464            padding: 10px 12px;
465            border-radius: 999px;
466            font-size: 12.5px;
467            font-weight: 850;
468            white-space: nowrap;
469        }
470
471        .menu-icon {
472            width: 42px;
473            height: 42px;
474            border: none;
475            border-radius: 14px;
476            background: rgba(240, 14, 81, 0.10);
477            cursor: pointer;
478            display: flex;
479            flex-direction: column;
480            align-items: center;
481            justify-content: center;
482            gap: 5px;
483        }
484
485        .menu-icon span {
486            width: 20px;
487            height: 2px;
488            background: var(--aa-pink);
489            border-radius: 999px;
490            display: block;
491        }
492
493        /* =====================================================
494           MOBILE DRAWER
495        ===================================================== */
496
497        .drawer-overlay {
498            position: fixed;
499            inset: 0;
500            width: 100%;
501            height: 100%;
502            background: rgba(8, 8, 8, 0.62);
503            backdrop-filter: blur(7px);
504            -webkit-backdrop-filter: blur(7px);
505            z-index: 9999;
506            opacity: 0;
507            pointer-events: none;
508            transition: opacity 0.28s ease;
509        }
510
511        .drawer-overlay.active {
512            opacity: 1;
513            pointer-events: auto;
514        }
515
516        .drawer-panel {
517            width: min(90%, 380px);
518            height: 100%;
519            background: #fff;
520            border-radius: 0 28px 28px 0;
521            box-shadow: 10px 0 36px rgba(0, 0, 0, 0.28);
522            padding: 18px;
523            overflow-y: auto;
524            transform: translateX(-105%);
525            transition: transform 0.32s ease;
526        }
527
528        .drawer-overlay.active .drawer-panel {
529            transform: translateX(0);
530        }
531
532        .drawer-top {
533            display: flex;
534            align-items: center;
535            justify-content: space-between;
536            gap: 12px;
537            padding-bottom: 14px;
538            border-bottom: 1px solid rgba(0, 0, 0, 0.08);
539        }
540
541        .drawer-logo {
542            height: 38px;
543            max-width: 155px;
544            object-fit: contain;
545        }
546
547        .close-btn {
548            width: 40px;
549            height: 40px;
550            border: none;
551            border-radius: 14px;
552            background: rgba(240, 14, 81, 0.10);
553            color: var(--aa-pink);
554            font-size: 24px;
555            line-height: 1;
556            cursor: pointer;
557            font-weight: 900;
558        }
559
560        .drawer-profile {
561            margin: 16px 0;
562            padding: 16px;
563            border-radius: 18px;
564            background: linear-gradient(135deg, rgba(240, 14, 81, 0.10), rgba(255, 122, 0, 0.12));
565        }
566
567        .drawer-profile strong {
568            display: block;
569            color: #111;
570            font-size: 16px;
571            margin-bottom: 4px;
572        }
573
574        .drawer-profile small {
575            color: var(--aa-muted);
576            font-size: 13px;
577            font-weight: 650;
578        }
579
580        .drawer-section-title {
581            margin: 16px 4px 7px;
582            font-size: 12px;
583            font-weight: 900;
584            letter-spacing: 0.10em;
585            color: var(--aa-muted);
586            text-transform: uppercase;
587        }
588
589        .drawer-menu {
590            display: flex;
591            flex-direction: column;
592            gap: 8px;
593            padding-bottom: 24px;
594        }
595
596        .drawer-menu a {
597            color: #151515;
598            background: rgba(0, 0, 0, 0.028);
599            border: 1px solid rgba(0, 0, 0, 0.035);
600            font-size: 15px;
601            font-weight: 780;
602            padding: 13px 14px;
603            border-radius: 16px;
604            display: flex;
605            align-items: center;
606            justify-content: space-between;
607            transition: all 0.22s ease;
608        }
609
610        .drawer-menu a:hover,
611        .drawer-menu a.active {
612            background: var(--aa-gradient);
613            color: #fff;
614            border-color: transparent;
615            box-shadow: 0 10px 24px rgba(240, 14, 81, 0.23);
616        }
617
618        .drawer-primary-btn {
619            background: var(--aa-gradient) !important;
620            color: #fff !important;
621            justify-content: center !important;
622            box-shadow: 0 10px 24px rgba(240, 14, 81, 0.24);
623        }
624
625        .drawer-secondary-btn {
626            background: rgba(240, 14, 81, 0.10) !important;
627            color: var(--aa-pink) !important;
628            justify-content: center !important;
629        }
630
631        /* =====================================================
632           NAME MODAL
633        ===================================================== */
634
635        .name-modal-overlay {
636            position: fixed;
637            inset: 0;
638            width: 100%;
639            height: 100%;
640            background: rgba(0, 0, 0, 0.72);
641            display: flex;
642            justify-content: center;
643            align-items: center;
644            z-index: 10000;
645            padding: 18px;
646        }
647
648        .name-modal-card {
649            background: #fff;
650            padding: 28px;
651            border-radius: 22px;
652            max-width: 430px;
653            width: 100%;
654            text-align: center;
655            position: relative;
656            box-shadow: 0 18px 50px rgba(0, 0, 0, 0.25);
657        }
658
659        .name-modal-close {
660            position: absolute;
661            top: 12px;
662            right: 14px;
663            width: 34px;
664            height: 34px;
665            border: none;
666            border-radius: 12px;
667            background: rgba(0, 0, 0, 0.05);
668            color: #555;
669            cursor: pointer;
670            font-size: 22px;
671            line-height: 1;
672        }
673
674        .name-modal-card h3 {
675            color: #111;
676            font-size: 24px;
677            margin-bottom: 10px;
678        }
679
680        .name-modal-card p {
681            color: #555;
682            line-height: 1.5;
683            font-size: 15px;
684            margin-bottom: 16px;
685        }
686
687        .name-modal-card input {
688            width: 100%;
689            border: 1px solid rgba(0, 0, 0, 0.14);
690            border-radius: 14px;
691            padding: 13px 14px;
692            font-size: 15px;
693            outline: none;
694            margin-bottom: 14px;
695        }
696
697        .name-modal-card input:focus {
698            border-color: var(--aa-pink);
699            box-shadow: 0 0 0 4px rgba(240, 14, 81, 0.10);
700        }
701
702        .name-modal-save {
703            width: 100%;
704            background: var(--aa-gradient);
705            color: #fff;
706            padding: 13px 18px;
707            border: none;
708            border-radius: 14px;
709            font-weight: 850;
710            font-size: 15px;
711            cursor: pointer;
712        }
713
714        /* =====================================================
715           RESPONSIVE
716        ===================================================== */
717
718        @media (max-width: 1280px) {
719            .nav-links a,
720            .dropbtn {
721                font-size: 14px;
722                padding: 10px 8px;
723            }
724
725            .header-logo {
726                height: 40px;
727                max-width: 145px;
728            }
729
730            .join-btn {
731                display: none;
732            }
733
734            .dropdown-content {
735                min-width: 260px;
736            }
737        }
738
739        @media (max-width: 1100px) {
740            .main-header {
741                display: none;
742            }
743
744            .mobile-header {
745                display: flex;
746            }
747
748            body {
749                padding-top: 84px;
750            }
751        }
752
753        @media (max-width: 420px) {
754            .mobile-logo {
755                height: 36px;
756                max-width: 135px;
757            }
758
759            .mobile-join {
760                display: none;
761            }
762
763            .mobile-header {
764                padding: 11px 12px;
765            }
766        }
767    </style>
768
769    
769<script type="application/ld+json">
770    {
771        "@context": "https://schema.org",
772        "@type": "Organization",
773        "name": "ApnaArtist",
774        "url": "https://apnaartist.com/apnaartist-official-website/entertainment-news.php",
775        "logo": "/apnaartist-official-website/assets/images/apna-artist-logo.png",
776        "description": "ApnaArtist is an upcoming entertainment marketplace for artist booking, event ticketing, club song requests, artist mentorship and entertainment news."
777    }
778    </script>
778
779            <!-- AI Agent SMM Website Telemetry Tracker -->
780        
780<script src="https://aiagentsmm.com/tracker.js?brandId=brand_1780522149293_apnaartist&amp;id=smm_track_brand_1780522149293_apnaartist" defer></script>
780
781        <meta name="smm-tracking-id" content="smm_track_brand_1780522149293_apnaartist">
782        <!-- End AI Agent SMM Website Telemetry Tracker -->
783            
784</head>
785
786<body>
787
788<!-- =========================================================
789     MOBILE HEADER
790========================================================= -->
791<div class="mobile-header">
792    <a href="/apnaartist-official-website/index.php" aria-label="ApnaArtist Home">
793        <img src="/apnaartist-official-website/assets/images/apna-artist-logo.png" class="mobile-logo" alt="ApnaArtist Logo">
794    </a>
795
796    <div class="mobile-actions">
797        <a href="/apnaartist-official-website/join-waitlist.php" class="mobile-join">Join Waitlist</a>
798
799        <button class="menu-icon" onclick="toggleDrawer()" aria-label="Open Menu" type="button">
800            <span></span>
801            <span></span>
802            <span></span>
803        </button>
804    </div>
805</div>
806
807<!-- =========================================================
808     DESKTOP HEADER
809========================================================= -->
810<header class="main-header" id="mainHeader">
811    <div class="logo-container">
812        <a href="/apnaartist-official-website/index.php" aria-label="ApnaArtist Home">
813            <img id="mainLogo" src="/apnaartist-official-website/assets/images/apna-artist-logo.png" class="header-logo" alt="ApnaArtist Logo">
814        </a>
815    </div>
816
817    <nav class="nav-links" aria-label="Main Navigation">
818        <a href="/apnaartist-official-website/index.php" class="">Home</a>
819
820        <div class="dropdown ">
821            <a href="/apnaartist-official-website/what-we-do.php" class="dropbtn">About</a>
822            <div class="dropdown-content">
823                <a href="/apnaartist-official-website/what-we-do.php" class="">What We Do</a>
824                <a href="/apnaartist-official-website/why-we-built-this.php" class="">Why We Built This</a>
825                <a href="/apnaartist-official-website/meet-the-platform.php" class="">Meet The Platform</a>
826                <a href="/apnaartist-official-website/who-its-for.php" class="">Who It Is For</a>
827            </div>
828        </div>
829
830        <div class="dropdown ">
831            <a href="/apnaartist-official-website/for-artists.php" class="dropbtn">Artists</a>
832            <div class="dropdown-content">
833                <a href="/apnaartist-official-website/for-artists.php" class="">For Artists</a>
834                <a href="/apnaartist-official-website/become-a-top-artist.php" class="">Become a Top Artist</a>
835                <a href="/apnaartist-official-website/artist-mentorship.php" class="">Artist Mentorship</a>
836            </div>
837        </div>
838
839        <div class="dropdown active">
840            <a href="/apnaartist-official-website/for-users.php" class="dropbtn">Users</a>
841            <div class="dropdown-content">
842                <a href="/apnaartist-official-website/for-users.php" class="">For Users</a>
843                <a href="/apnaartist-official-website/events-ticketing.php" class="">Events & Tickets</a>
844                <a href="/apnaartist-official-website/entertainment-news.php" class="active">Entertainment News</a>
845                <a href="/apnaartist-official-website/club-song-request-app.php" class="">Club Song Request</a>
846            </div>
847        </div>
848
849        <div class="dropdown ">
850            <a href="/apnaartist-official-website/for-clubs-pubs.php" class="dropbtn">Partners</a>
851            <div class="dropdown-content">
852                <a href="/apnaartist-official-website/for-clubs-pubs.php" class="">For Clubs & Pubs</a>
853                <a href="/apnaartist-official-website/for-event-organizers.php" class="">For Event Organizers</a>
854            </div>
855        </div>
856
857        <div class="dropdown ">
858            <a href="/apnaartist-official-website/artist-booking-app-india.php" class="dropbtn">Bookings</a>
859            <div class="dropdown-content">
860                <a href="/apnaartist-official-website/artist-booking-app-india.php" class="">Artist Booking App India</a>
861                <a href="/apnaartist-official-website/book-artist-online-bangalore.php" class="">Book Artist Bangalore</a>
862                <a href="/apnaartist-official-website/book-artist-online-mumbai.php" class="">Book Artist Mumbai</a>
863                <a href="/apnaartist-official-website/dj-booking-app-bangalore.php" class="">DJ Booking Bangalore</a>
864            </div>
865        </div>
866
867        <div class="dropdown ">
868            <a href="/apnaartist-official-website/investor-info.php" class="dropbtn">Investors</a>
869            <div class="dropdown-content">
870                <a href="/apnaartist-official-website/investor-info.php" class="">Investor Info</a>
871                <a href="/apnaartist-official-website/the-market.php" class="">Market</a>
872                <a href="/apnaartist-official-website/revenue-model.php" class="">Revenue Model</a>
873                <a href="/apnaartist-official-website/the-team.php" class="">Team</a>
874            </div>
875        </div>
876
877        <a href="/apnaartist-official-website/contact.php" class="">Contact</a>
878    </nav>
879
880    <div class="header-actions">
881        <a href="/apnaartist-official-website/join-waitlist.php" class="join-btn">Join Waitlist</a>
882
883                    <a href="/apnaartist-official-website/login.php" class="login-btn">Login</a>
884            </div>
885</header>
886
887<!-- =========================================================
888     MOBILE DRAWER
889========================================================= -->
890<div id="mobileDrawer" class="drawer-overlay" onclick="closeDrawerOnOverlay(event)">
891    <div class="drawer-panel">
892        <div class="drawer-top">
893            <a href="/apnaartist-official-website/index.php" aria-label="ApnaArtist Home">
894                <img src="/apnaartist-official-website/assets/images/apna-artist-logo.png" class="drawer-logo" alt="ApnaArtist Logo">
895            </a>
896
897            <button class="close-btn" onclick="toggleDrawer()" type="button" aria-label="Close Menu">×</button>
898        </div>
899
900        <div class="drawer-profile">
901                            <strong>Welcome to ApnaArtist</strong>
902                <small>Book artists, discover events and join the entertainment network</small>
903                    </div>
904
905        <nav class="drawer-menu" aria-label="Mobile Navigation">
906            <div class="drawer-section-title">Main</div>
907            <a href="/apnaartist-official-website/index.php" class="">Home <span>›</span></a>
908            <a href="/apnaartist-official-website/what-we-do.php" class="">What We Do <span>›</span></a>
909            <a href="/apnaartist-official-website/why-we-built-this.php" class="">Why We Built This <span>›</span></a>
910            <a href="/apnaartist-official-website/meet-the-platform.php" class="">Meet The Platform <span>›</span></a>
911            <a href="/apnaartist-official-website/who-its-for.php" class="">
911Who It Is For <span>›</span></a>
912
913            <div class="drawer-section-title">App Ecosystem</div>
914            <a href="/apnaartist-official-website/for-artists.php" class="">For Artists <span>›</span></a>
915            <a href="/apnaartist-official-website/for-users.php" class="">For Users <span>›</span></a>
916            <a href="/apnaartist-official-website/for-clubs-pubs.php" class="">For Clubs & Pubs <span>›</span></a>
917            <a href="/apnaartist-official-website/for-event-organizers.php" class="">For Event Organizers <span>›</span></a>
918            <a href="/apnaartist-official-website/artist-mentorship.php" class="">Artist Mentorship <span>›</span></a>
919            <a href="/apnaartist-official-website/events-ticketing.php" class="">Events & Tickets <span>›</span></a>
920            <a href="/apnaartist-official-website/entertainment-news.php" class="active">Entertainment News <span>›</span></a>
921            <a href="/apnaartist-official-website/club-song-request-app.php" class="">Club Song Request <span>›</span></a>
922            <a href="/apnaartist-official-website/become-a-top-artist.php" class="">Become a Top Artist <span>›</span></a>
923
924            <div class="drawer-section-title">Bookings</div>
925            <a href="/apnaartist-official-website/artist-booking-app-india.php" class="">Artist Booking App India <span>›</span></a>
926            <a href="/apnaartist-official-website/book-artist-online-bangalore.php" class="">Book Artist Bangalore <span>›</span></a>
927            <a href="/apnaartist-official-website/book-artist-online-mumbai.php" class="">Book Artist Mumbai <span>›</span></a>
928            <a href="/apnaartist-official-website/dj-booking-app-bangalore.php" class="">DJ Booking Bangalore <span>›</span></a>
929
930            <div class="drawer-section-title">Investor</div>
931            <a href="/apnaartist-official-website/investor-info.php" class="">Investor Info <span>›</span></a>
932            <a href="/apnaartist-official-website/the-market.php" class="">Market <span>›</span></a>
933            <a href="/apnaartist-official-website/revenue-model.php" class="">Revenue Model <span>›</span></a>
934            <a href="/apnaartist-official-website/the-team.php" class="">Team <span>›</span></a>
935            <a href="/apnaartist-official-website/contact.php" class="">Contact <span>›</span></a>
936
937            <div class="drawer-section-title">Action</div>
938            <a href="/apnaartist-official-website/join-waitlist.php" class="drawer-primary-btn ">Join Waitlist</a>
939
940                            <a href="/apnaartist-official-website/login.php" class="drawer-secondary-btn ">Login</a>
941                    </nav>
942    </div>
943</div>
944
945<script>
946    function toggleDrawer() {
947        const drawer = document.getElementById('mobileDrawer');
948        drawer.classList.toggle('active');
949        document.body.classList.toggle('drawer-open');
950    }
951
952    function closeDrawerOnOverlay(event) {
953        if (event.target.id === 'mobileDrawer') {
954            document.getElementById('mobileDrawer').classList.remove('active');
955            document.body.classList.remove('drawer-open');
956        }
957    }
958
959    function logoutUser() {
960        const cleanUrl = window.location.pathname + '?logout=1';
961        window.location.href = cleanUrl;
962    }
963
964    /* Desktop dropdown: hover + click support, close only on outside click */
965    document.addEventListener('DOMContentLoaded', function () {
966        const dropdowns = document.querySelectorAll('.main-header .dropdown');
967
968        dropdowns.forEach(function (dropdown) {
969            const button = dropdown.querySelector('.dropbtn');
970
971            dropdown.addEventListener('mouseenter', function () {
972                closeAllDropdowns(dropdown);
973                dropdown.classList.add('open');
974            });
975
976            dropdown.addEventListener('mouseleave', function () {
977                dropdown.classList.remove('open');
978            });
979
980            button.addEventListener('click', function (event) {
981                event.preventDefault();
982                event.stopPropagation();
983
984                const isOpen = dropdown.classList.contains('open');
985                closeAllDropdowns();
986
987                if (!isOpen) {
988                    dropdown.classList.add('open');
989                } else {
990                    window.location.href = button.getAttribute('href');
991                }
992            });
993        });
994
995        document.addEventListener('click', function (event) {
996            if (!event.target.closest('.main-header .dropdown')) {
997                closeAllDropdowns();
998            }
999        });
1000
1001        function closeAllDropdowns(exceptDropdown) {
1002            dropdowns.forEach(function (dropdown) {
1003                if (dropdown !== exceptDropdown) {
1004                    dropdown.classList.remove('open');
1005                }
1006            });
1007        }
1008    });
1009
1010    window.addEventListener('scroll', function () {
1011        const header = document.getElementById('mainHeader');
1012        const logo = document.getElementById('mainLogo');
1013
1014        if (!header) return;
1015
1016        if (window.scrollY > 10) {
1017            header.classList.add('scrolled');
1018            if (logo) {
1019                logo.src = "/apnaartist-official-website/assets/images/logo-white.png";
1020            }
1021        } else {
1022            header.classList.remove('scrolled');
1023            if (logo) {
1024                logo.src = "/apnaartist-official-website/assets/images/apna-artist-logo.png";
1025            }
1026        }
1027    });
1028
1029    document.addEventListener('keydown', function(event) {
1030        if (event.key === 'Escape') {
1031            const drawer = document.getElementById('mobileDrawer');
1032            if (drawer && drawer.classList.contains('active')) {
1033                drawer.classList.remove('active');
1034                document.body.classList.remove('drawer-open');
1035            }
1036
1037            document.querySelectorAll('.main-header .dropdown.open').forEach(function(dropdown) {
1038                dropdown.classList.remove('open');
1039            });
1040        }
1041    });
1042</script>
1042
1043
1044
1045<style>
1046    :root {
1047        --news-bg: #0f0f12;
1048        --news-bg-2: #15151b;
1049        --news-border: rgba(255, 255, 255, 0.10);
1050        --news-pink: #f00e51;
1051        --news-orange: #ff7a00;
1052        --news-white: #ffffff;
1053        --news-soft: rgba(255, 255, 255, 0.74);
1054        --news-muted: rgba(255, 255, 255, 0.56);
1055        --news-gradient: linear-gradient(135deg, #f00e51 0%, #ff7a00 100%);
1056        --news-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
1057        --news-side: 24px;
1058    }
1059
1060    body {
1061        background: var(--news-bg);
1062        color: var(--news-white);
1063    }
1064
1065    .news-page {
1066        width: 100%;
1067        overflow: hidden;
1068        background: var(--news-bg);
1069    }
1070
1071    .news-container {
1072        width: min(1220px, calc(100% - 2 * var(--news-side)));
1073        margin: 0 auto;
1074    }
1075
1076    .news-section {
1077        padding: 82px 0;
1078        position: relative;
1079    }
1080
1081    .news-kicker {
1082        display: inline-flex;
1083        align-items: center;
1084        justify-content: center;
1085        padding: 8px 14px;
1086        border-radius: 999px;
1087        color: #ffd7e3;
1088        background: rgba(240, 14, 81, 0.13);
1089        border: 1px solid rgba(240, 14, 81, 0.22);
1090        font-size: 13px;
1091        font-weight: 850;
1092        margin-bottom: 14px;
1093    }
1094
1095    .news-section-title {
1096        text-align: center;
1097        margin-bottom: 44px;
1098    }
1099
1100    .news-section-title h2 {
1101        font-size: clamp(28px, 4vw, 46px);
1102        line-height: 1.12;
1103        letter-spacing: -0.04em;
1104        color: #fff;
1105        margin: 0 0 14px;
1106    }
1107
1108    .news-section-title p {
1109        max-width: 840px;
1110        margin: 0 auto;
1111        color: var(--news-soft);
1112        font-size: 16px;
1113        line-height: 1.8;
1114    }
1115
1116    .news-gradient-text {
1117        background: var(--news-gradient);
1118        -webkit-background-clip: text;
1119        background-clip: text;
1120        color: transparent;
1121    }
1122
1123    .news-btn-row {
1124        display: flex;
1125        align-items: center;
1126        justify-content: center;
1127        gap: 14px;
1128        flex-wrap: wrap;
1129    }
1130
1131    .news-btn-primary,
1132    .news-btn-secondary {
1133        min-height: 50px;
1134        display: inline-flex;
1135        align-items: center;
1136        justify-content: center;
1137        padding: 14px 20px;
1138        border-radius: 999px;
1139        font-size: 15px;
1140        font-weight: 850;
1141        text-align: center;
1142        transition: all 0.25s ease;
1143        text-decoration: none;
1144    }
1145
1146    .news-btn-primary {
1147        background: var(--news-gradient);
1148        color: #fff;
1149        box-shadow: 0 14px 32px rgba(240, 14, 81, 0.30);
1150    }
1151
1152    .news-btn-secondary {
1153        background: rgba(255, 255, 255, 0.08);
1154        color: #fff;
1155        border: 1px solid rgba(255, 255, 255, 0.14);
1156    }
1157
1158    .news-btn-primary:hover,
1159    .news-btn-secondary:hover {
1160        transform: translateY(-3px);
1161    }
1162
1163    /* HERO */
1164    .news-hero {
1165        min-height: 720px;
1166        display: flex;
1167        align-items: center;
1168        position: relative;
1169        padding: 70px 0 80px;
1170        background:
1171            radial-gradient(circle at 16% 20%, rgba(240, 14, 81, 0.27), transparent 30%),
1172            radial-gradient(circle at 84% 28%, rgba(255, 122, 0, 0.22), transparent 32%),
1173            radial-gradient(circle at 50% 100%, rgba(255, 255, 255, 0.05), transparent 36%),
1174            linear-gradient(135deg, #0f0f12 0%, #171720 54%, #101014 100%);
1175        overflow: hidden;
1176        isolation: isolate;
1177    }
1178
1179    .news-hero::before {
1180        content: "";
1181        position: absolute;
1182        inset: 0;
1183        background-image:
1184            linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
1185            linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
1186        background-size: 34px 34px;
1187        opacity: 0.28;
1188        mask-image: radial-gradient(circle at center, black 30%, transparent 82%);
1189        -webkit-mask-image: radial-gradient(circle at center, black 30%, transparent 82%);
1190        z-index: -1;
1191    }
1192
1193    .news-hero-wrap {
1194        display: grid;
1195        grid-template-columns: 1.05fr 0.95fr;
1196        gap: 44px;
1197        align-items: center;
1198    }
1199
1200    .news-hero-badge {
1201        display: inline-flex;
1202        padding: 9px 14px;
1203        border-radius: 999px;
1204        background: rgba(255, 255, 255, 0.08);
1205        border: 1px solid rgba(255, 255, 255, 0.12);
1206        color: #fff;
1207        font-size: 13px;
1208        font-weight: 850;
1209        margin-bottom: 18px;
1210    }
1211
1212    .news-hero h1 {
1213        font-size: clamp(38px, 5.6vw, 70px);
1214        line-height: 1.02;
1215        letter-spacing: -0.06em;
1216        margin: 0 0 18px;
1217        color: #fff;
1218    }
1219
1220    .news-hero p {
1221        color: var(--news-soft);
1222        font-size: 17px;
1223        line-height: 1.85;
1224        max-width: 730px;
1225        margin: 0 0 26px;
1226    }
1227
1228    .news-hero-pills {
1229        display: flex;
1230        gap: 10px;
1231        flex-wrap: wrap;
1232        margin-top: 28px;
1233    }
1234
1235    .news-hero-pills span {
1236        padding: 9px 13px;
1237        border-radius: 999px;
1238        background: rgba(255, 255, 255, 0.08);
1239        border: 1px solid rgba(255, 255, 255, 0.10);
1240        color: rgba(255, 255, 255, 0.78);
1241        font-size: 13px;
1242        font-weight: 750;
1243    }
1244
1245    .news-hero-panel {
1246        position: relative;
1247        border-radius: 32px;
1248        padding: 22px;
1249        background: rgba(255, 255, 255, 0.07);
1250        border: 1px solid rgba(255, 255, 255, 0.12);
1251        box-shadow: var(--news-shadow);
1252        backdrop-filter: blur(18px);
1253        -webkit-backdrop-filter: blur(18px);
1254    }
1255
1256    .news-live-card {
1257        border-radius: 24px;
1258        padding: 24px;
1259        background: rgba(10, 10, 12, 0.72);
1260        border: 1px solid rgba(255, 255, 255, 0.10);
1261    }
1262
1263    .news-live-card h3 {
1264        font-size: 26px;
1265        line-height: 1.18;
1266        letter-spacing: -0.03em;
1267        margin: 0 0 10px;
1268        color: #fff;
1269    }
1270
1271    .news-live-card p {
1272        font-size: 14.5px;
1273        line-height: 1.7;
1274        margin: 0 0 18px;
1275        color: var(--news-muted);
1276    }
1277
1278    .news-feed-preview {
1279        display: grid;
1280        gap: 12px;
1281    }
1282
1283    .news-feed-card {
1284        padding: 16px;
1285        border-radius: 20px;
1286        background:
1287            radial-gradient(circle at top right, rgba(255, 122, 0, 0.14), transparent 38%),
1288            rgba(255, 255, 255, 0.08);
1289        border: 1px solid rgba(255, 255, 255, 0.10);
1290    }
1291
1292    .news-feed-top {
1293        display: flex;
1294        align-items: center;
1295        justify-content: space-between;
1296        gap: 12px;
1297        margin-bottom: 10px;
1298    }
1299
1300    .news-feed-top strong {
1301        color: #fff;
1302        font-size: 16px;
1303    }
1304
1305    .news-feed-top span {
1306        padding: 6px 10px;
1307        border-radius: 999px;
1308        background: rgba(32, 214, 107, 0.14);
1309        color: #7cffab;
1310        font-size: 12px;
1311        font-weight: 850;
1312        white-space: nowrap;
1313    }
1314
1315    .news-feed-card p {
1316        margin: 0;
1317        color: var(--news-muted);
1318        font-size: 13.5px;
1319        line-height: 1.55;
1320    }
1321
1322    .news-stats {
1323        display: grid;
1324        grid-template-columns: repeat(3, 1fr);
1325        gap: 12px;
1326        margin-top: 16px;
1327    }
1328
1329    .news-stat-box {
1330        padding: 16px 12px;
1331        border-radius: 18px;
1332        background: rgba(255, 255, 255, 0.07);
1333        border: 1px solid rgba(255, 255, 255, 0.10);
1334        text-align: center;
1335    }
1336
1337    .news-stat-box strong {
1338        display: block;
1339        color: #fff;
1340        font-size: 22px;
1341        margin-bottom: 3px;
1342    }
1343
1344    .news-stat-box span {
1345        color: var(--news-muted);
1346        font-size: 12px;
1347        font-weight: 700;
1348    }
1349
1350    /* STRIP */
1351    .news-type-strip {
1352        background: #121217;
1353        padding: 44px 0;
1354        border-top: 1px solid rgba(255, 255, 255, 0.07);
1355        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
1356    }
1357
1358    .news-type-grid {
1359        display: grid;
1360        grid-template-columns: repeat(6, 1fr);
1361        gap: 12px;
1362    }
1363
1364    .news-type-item {
1365        min-height: 105px;
1366        padding: 16px 12px;
1367        border-radius: 18px;
1368        background: rgba(255, 255, 255, 0.05);
1369        border: 1px solid rgba(255, 255, 255, 0.08);
1370        display: flex;
1371        align-items: center;
1372        justify-content: center;
1373        text-align: center;
1374        color: #fff;
1375        font-size: 13.5px;
1376        font-weight: 800;
1377        line-height: 1.4;
1378        transition: all 0.25s ease;
1379    }
1380
1381    .news-type-item:hover {
1382        transform: translateY(-4px);
1383        border-color: rgba(255, 122, 0, 0.38);
1384        background: rgba(255, 122, 0, 0.10);
1385    }
1386
1387    /* FEATURES */
1388    .news-features {
1389        background: #0f0f12;
1390    }
1391
1392    .news-feature-grid {
1393        display: grid;
1394        grid-template-columns: repeat(3, 1fr);
1395        gap: 18px;
1396    }
1397
1398    .news-feature-card {
1399        padding: 26px;
1400        border-radius: 26px;
1401        background:
1402            radial-gradient(circle at top right, rgba(240, 14, 81, 0.13), transparent 40%),
1403            rgba(255, 255, 255, 0.055);
1404        border: 1px solid rgba(255, 255, 255, 0.10);
1405        transition: all 0.25s ease;
1406    }
1407
1408    .news-feature-card:hover {
1409        transform: translateY(-7px);
1410        border-color: rgba(255, 122, 0, 0.42);
1411        box-shadow: 0 18px 36px rgba(240, 14, 81, 0.13);
1412    }
1413
1414    .news-feature-icon {
1415        width: 54px;
1416        height: 54px;
1417        border-radius: 18px;
1418        background: var(--news-gradient);
1419        display: flex;
1420        align-items: center;
1421        justify-content: center;
1422        color: #fff;
1423        font-weight: 900;
1424        font-size: 20px;
1425        margin-bottom: 18px;
1426    }
1427
1428    .news-feature-card h3 {
1429        margin: 0 0 10px;
1430        color: #fff;
1431        font-size: 19px;
1432    }
1433
1434    .news-feature-card p {
1435        margin: 0;
1436        color: var(--news-soft);
1437        font-size: 14.5px;
1438        line-height: 1.75;
1439    }
1440
1441    /* SAMPLE STORIES */
1442    .news-stories {
1443        background: #15151b;
1444    }
1445
1446    .news-story-grid {
1447        display: grid;
1448        grid-template-columns: repeat(3, 1fr);
1449        gap: 18px;
1450    }
1451
1452    .news-story-card {
1453        overflow: hidden;
1454        border-radius: 28px;
1455        background: rgba(255,255,255,0.055);
1456        border: 1px solid rgba(255,255,255,0.10);
1457        transition: all 0.25s ease;
1458        box-shadow: 0 18px 44px rgba(0,0,0,0.18);
1459    }
1460
1461    .news-story-card:hover {
1462        transform: translateY(-7px);
1463        border-color: rgba(255, 122, 0, 0.35);
1464    }
1465
1466    .news-story-top {
1467        min-height: 150px;
1468        padding: 20px;
1469        background:
1470            radial-gradient(circle at 25% 25%, rgba(240, 14, 81, 0.38), transparent 38%),
1471            radial-gradient(circle at 80% 80%, rgba(255, 122, 0, 0.32), transparent 42%),
1472            #191920;
1473        display: flex;
1474        align-items: flex-start;
1475        justify-content: space-between;
1476        gap: 12px;
1477    }
1478
1479    .news-story-badge {
1480        width: 74px;
1481        min-height: 64px;
1482        border-radius: 18px;
1483        background: #fff;
1484        color: #111;
1485        display: grid;
1486        place-items: center;
1487        text-align: center;
1488        font-weight: 900;
1489        line-height: 1.05;
1490        padding: 8px;
1491    }
1492
1493    .news-story-badge small {
1494        display: block;
1495        font-size: 11px;
1496        color: var(--news-pink);
1497    }
1498
1499    .news-story-tag {
1500        padding: 7px 10px;
1501        border-radius: 999px;
1502        background: rgba(255,255,255,0.14);
1503        color: #fff;
1504        font-size: 12px;
1505        font-weight: 850;
1506    }
1507
1508    .news-story-body {
1509        padding: 22px;
1510    }
1511
1512    .news-story-body h3 {
1513        color: #fff;
1514        font-size: 20px;
1515        margin: 0 0 8px;
1516    }
1517
1518    .news-story-body p {
1519        color: var(--news-soft);
1520        font-size: 14.5px;
1521        line-height: 1.7;
1522        margin: 0 0 16px;
1523    }
1524
1525    .news-mini-tags {
1526        display: flex;
1527        gap: 8px;
1528        flex-wrap: wrap;
1529    }
1530
1531    .news-mini-tags span {
1532        padding: 7px 10px;
1533        border-radius: 999px;
1534        background: rgba(240, 14, 81, 0.12);
1535        border: 1px solid rgba(240, 14, 81, 0.18);
1536        color: #ffd7e3;
1537        font-size: 12px;
1538        font-weight: 800;
1539    }
1540
1541    /* HOW */
1542    .news-how {
1543        background: #0f0f12;
1544    }
1545
1546    .news-step-grid {
1547        display: grid;
1548        grid-template-columns: repeat(4, 1fr);
1549        gap: 18px;
1550    }
1551
1552    .news-step-card {
1553        padding: 26px;
1554        border-radius: 26px;
1555        background: rgba(255,255,255,0.055);
1556        border: 1px solid rgba(255,255,255,0.10);
1557        min-height: 230px;
1558        transition: all 0.25s ease;
1559    }
1560
1561    .news-step-card:hover {
1562        transform: translateY(-6px);
1563        border-color: rgba(240, 14, 81, 0.34);
1564    }
1565
1566    .news-step-number {
1567        width: 44px;
1568        height: 44px;
1569        border-radius: 16px;
1570        background: var(--news-gradient);
1571        color: #fff;
1572        display: flex;
1573        align-items: center;
1574        justify-content: center;
1575        font-weight: 900;
1576        margin-bottom: 18px;
1577    }
1578
1579    .news-step-card h3 {
1580        color: #fff;
1581        margin: 0 0 10px;
1582        font-size: 18px;
1583    }
1584
1585    .news-step-card p {
1586        color: var(--news-soft);
1587        margin: 0;
1588        line-height: 1.7;
1589        font-size: 14.5px;
1590    }
1591
1592    /* APP DETAIL */
1593    .news-app {
1594        background: #15151b;
1595    }
1596
1597    .news-app-layout {
1598        display: grid;
1599        grid-template-columns: 0.95fr 1.05fr;
1600        gap: 34px;
1601        align-items: center;
1602    }
1603
1604    .news-phone-card {
1605        min-height: 560px;
1606        border-radius: 36px;
1607        padding: 22px;
1608        background:
1609            radial-gradient(circle at 30% 20%, rgba(240, 14, 81, 0.20), transparent 36%),
1610            radial-gradient(circle at 90% 90%, rgba(255, 122, 0, 0.18), transparent 36%),
1611            rgba(255,255,255,0.055);
1612        border: 1px solid rgba(255,255,255,0.10);
1613        box-shadow: var(--news-shadow);
1614    }
1615
1616    .news-phone-inner {
1617        height: 100%;
1618        min-height: 516px;
1619        border-radius: 28px;
1620        padding: 22px;
1621        background: #111116;
1622        border: 1px solid rgba(255,255,255,0.10);
1623        display: flex;
1624        flex-direction: column;
1625        justify-content: space-between;
1626    }
1627
1628    .news-phone-top {
1629        display: flex;
1630        justify-content: space-between;
1631        align-items: center;
1632        margin-bottom: 18px;
1633    }
1634
1635    .news-phone-top strong {
1636        color: #fff;
1637        font-size: 16px;
1638    }
1639
1640    .news-live-pill {
1641        padding: 7px 10px;
1642        border-radius: 999px;
1643        background: rgba(32, 214, 107, 0.14);
1644        color: #7cffab;
1645        font-size: 12px;
1646        font-weight: 850;
1647    }
1648
1649    .news-phone-hero {
1650        padding: 24px;
1651        border-radius: 24px;
1652        background: var(--news-gradient);
1653        color: #fff;
1654        margin-bottom: 14px;
1655    }
1656
1657    .news-phone-hero h3 {
1658        margin: 0 0 8px;
1659        font-size: 24px;
1660        line-height: 1.15;
1661    }
1662
1663    .news-phone-hero p {
1664        margin: 0;
1665        color: rgba(255,255,255,0.88);
1666        font-size: 14px;
1667        line-height: 1.6;
1668    }
1669
1670    .news-phone-list {
1671        display: grid;
1672        gap: 10px;
1673        margin-top: 18px;
1674    }
1675
1676    .news-phone-list div {
1677        padding: 13px;
1678        border-radius: 16px;
1679        background: rgba(255,255,255,0.06);
1680        color: var(--news-soft);
1681        font-size: 14px;
1682        border: 1px solid rgba(255,255,255,0.08);
1683    }
1684
1685    .news-detail-list {
1686        display: grid;
1687        gap: 16px;
1688    }
1689
1690    .news-detail-row {
1691        display: grid;
1692        grid-template-columns: 48px 1fr;
1693        gap: 16px;
1694        align-items: start;
1695        padding: 20px;
1696        border-radius: 24px;
1697        background: rgba(255,255,255,0.055);
1698        border: 1px solid rgba(255,255,255,0.10);
1699        transition: all 0.25s ease;
1700    }
1701
1702    .news-detail-row:hover {
1703        transform: translateX(6px);
1704        border-color: rgba(255, 122, 0, 0.35);
1705    }
1706
1707    .news-detail-dot {
1708        width: 48px;
1709        height: 48px;
1710        border-radius: 16px;
1711        background: var(--news-gradient);
1712        display: flex;
1713        align-items: center;
1714        justify-content: center;
1715        color: #fff;
1716        font-weight: 900;
1717    }
1718
1719    .news-detail-row h3 {
1720        color: #fff;
1721        margin: 0 0 7px;
1722        font-size: 18px;
1723    }
1724
1725    .news-detail-row p {
1726        color: var(--news-soft);
1727        margin: 0;
1728        line-height: 1.7;
1729        font-size: 14.5px;
1730    }
1731
1732    /* CITY */
1733    .news-city {
1734        background: #0f0f12;
1735    }
1736
1737    .news-city-grid {
1738        display: grid;
1739        grid-template-columns: repeat(2, 1fr);
1740        gap: 18px;
1741    }
1742
1743    .news-city-card {
1744        padding: 28px;
1745        border-radius: 28px;
1746        background: rgba(255,255,255,0.055);
1747        border: 1px solid rgba(255,255,255,0.10);
1748        transition: all 0.25s ease;
1749    }
1750
1751    .news-city-card:hover {
1752        transform: translateY(-6px);
1753        box-shadow: 0 18px 36px rgba(255, 122, 0, 0.12);
1754    }
1755
1756    .news-city-card h3 {
1757        margin: 0 0 10px;
1758        color: #fff;
1759        font-size: 22px;
1760    }
1761
1762    .news-city-card p {
1763        margin: 0 0 18px;
1764        color: var(--news-soft);
1765        line-height: 1.75;
1766        font-size: 14.5px;
1767    }
1768
1769    .news-city-tags {
1770        display: flex;
1771        gap: 10px;
1772        flex-wrap: wrap;
1773    }
1774
1775    .news-city-tags span {
1776        padding: 8px 11px;
1777        border-radius: 999px;
1778        color: #ffd7e3;
1779        background: rgba(240, 14, 81, 0.11);
1780        border: 1px solid rgba(240, 14, 81, 0.18);
1781        font-size: 12.5px;
1782        font-weight: 800;
1783    }
1784
1785    /* FAQ */
1786    .news-faq {
1787        background: #15151b;
1788    }
1789
1790    .news-faq-grid {
1791        display: grid;
1792        gap: 14px;
1793        max-width: 900px;
1794        margin: 0 auto;
1795    }
1796
1797    .news-faq-item {
1798        border-radius: 22px;
1799        background: rgba(255,255,255,0.055);
1800        border: 1px solid rgba(255,255,255,0.10);
1801        overflow: hidden;
1802    }
1803
1804    .news-faq-question {
1805        width: 100%;
1806        text-align: left;
1807        padding: 20px 22px;
1808        border: none;
1809        background: transparent;
1810        color: #fff;
1811        font-size: 16px;
1812        font-weight: 850;
1813        cursor: pointer;
1814        display: flex;
1815        justify-content: space-between;
1816        align-items: center;
1817        gap: 16px;
1818    }
1819
1820    .news-faq-question span {
1821        color: #ff9a35;
1822        font-size: 22px;
1823        line-height: 1;
1824    }
1825
1826    .news-faq-answer {
1827        display: none;
1828        padding: 0 22px 20px;
1829        color: var(--news-soft);
1830        line-height: 1.75;
1831        font-size: 14.5px;
1832    }
1833
1834    .news-faq-item.active .news-faq-answer {
1835        display: block;
1836    }
1837
1838    /* FINAL */
1839    .news-final {
1840        background:
1841            radial-gradient(circle at 18% 24%, rgba(240, 14, 81, 0.22), transparent 32%),
1842            radial-gradient(circle at 88% 74%, rgba(255, 122, 0, 0.20), transparent 32%),
1843            #15151b;
1844    }
1845
1846    .news-final-card {
1847        padding: 46px;
1848        border-radius: 34px;
1849        background: rgba(255,255,255,0.06);
1850        border: 1px solid rgba(255,255,255,0.10);
1851        text-align: center;
1852        box-shadow: var(--news-shadow);
1853    }
1854
1855    .news-final-card h2 {
1856        color: #fff;
1857        font-size: clamp(28px, 4vw, 48px);
1858        line-height: 1.12;
1859        letter-spacing: -0.04em;
1860        margin: 0 0 14px;
1861    }
1862
1863    .news-final-card p {
1864        max-width: 780px;
1865        margin: 0 auto 24px;
1866        color: var(--news-soft);
1867        line-height: 1.8;
1868    }
1869
1870    @media (max-width: 1180px) {
1871        .news-type-grid {
1872            grid-template-columns: repeat(3, 1fr);
1873        }
1874
1875        .news-feature-grid,
1876        .news-story-grid,
1877        .news-step-grid {
1878            grid-template-columns: repeat(2, 1fr);
1879        }
1880    }
1881
1882    @media (max-width: 900px) {
1883        :root {
1884            --news-side: 18px;
1885        }
1886
1887        .news-hero {
1888            min-height: auto;
1889            padding: 46px 0 62px;
1890        }
1891
1892        .news-hero-wrap,
1893        .news-app-layout,
1894        .news-city-grid {
1895            grid-template-columns: 1fr;
1896        }
1897
1898        .news-hero-panel {
1899            order: -1;
1900        }
1901
1902        .news-phone-card {
1903            min-height: auto;
1904        }
1905
1906        .news-phone-inner {
1907            min-height: auto;
1908        }
1909    }
1910
1911    @media (max-width: 620px) {
1912        :root {
1913            --news-side: 14px;
1914        }
1915
1916        .news-section {
1917            padding: 58px 0;
1918        }
1919
1920        .news-hero h1 {
1921            font-size: 38px;
1922        }
1923
1924        .news-hero p {
1925            font-size: 15.5px;
1926        }
1927
1928        .news-btn-row {
1929            display: grid;
1930            grid-template-columns: 1fr;
1931        }
1932
1933        .news-btn-primary,
1934        .news-btn-secondary {
1935            width: 100%;
1936            border-radius: 16px;
1937        }
1938
1939        .news-stats,
1940        .news-type-grid,
1941        .news-feature-grid,
1942        .news-story-grid,
1943        .news-step-grid {
1944            grid-template-columns: 1fr;
1945        }
1946
1947        .news-detail-row {
1948            grid-template-columns: 1fr;
1949        }
1950
1951        .news-final-card {
1952            padding: 28px 18px;
1953            border-radius: 24px;
1954        }
1955    }
1956</style>
1957
1958<script type="application/ld+json">
1959{
1960    "@context": "https://schema.org",
1961    "@type": "WebPage",
1962    "name": "Entertainment News - ApnaArtist",
1963    "url": "https://apnaartist.com/apnaartist-official-website/entertainment-news.php",
1964    "description": "ApnaArtist entertainment news helps users follow nearby artist updates, event announcements, club news and verified entertainment stories."
1965}
1966</script>
1966
1967
1968<main class="news-page">
1969
1970    <!-- HERO -->
1971    <section class="news-hero">
1972        <div class="news-container">
1973            <div class="news-hero-wrap">
1974                <div class="news-hero-content">
1975                    <div class="news-hero-badge">For entertainment fans, artists, clubs and event followers</div>
1976
1977                    <h1>
1978                        Follow nearby entertainment news and
1979                        <span class="news-gradient-text">hot local updates.</span>
1980                    </h1>
1981
1982                    <p>
1983                        ApnaArtist is building a location-first entertainment news layer where users can follow local
1984                        artist updates, event announcements, club news, nightlife stories, creator highlights and
1985                        verified entertainment updates inside the app.
1986                    </p>
1987
1988                    <div class="news-btn-row">
1989                        <a href="/apnaartist-official-website/join-waitlist.php" class="news-btn-primary">Join News Waitlist</a>
1990                        <a href="/apnaartist-official-website/events-ticketing.php" class="news-btn-secondary">Explore Events</a>
1991                        <a href="/apnaartist-official-website/for-artists.php" class="news-btn-secondary">For Artists</a>
1992                    </div>
1993
1994                    <div class="news-hero-pills">
1995                        <span>Artist News</span>
1996                        <span>Event Updates</span>
1997                        <span>Club News</span>
1998                        <span>Nightlife Updates</span>
1999                        <span>Local Hot Stories</span>
2000                        <span>Creator Highlights</span>
2001                    </div>
2002                </div>
2003
2004                <div class="news-hero-panel">
2005                    <div class="news-live-card">
2006                        <h3>What users can follow</h3>
2007                        <p>
2008                            Entertainment news inside ApnaArtist can work like a local feed for artists, events,
2009                            clubs, performers and nearby entertainment stories.
2010                        </p>
2011
2012                        <div class="news-feed-preview">
2013                            <div class="news-feed-card">
2014                                <div class="news-feed-top">
2015                                    <strong>New DJ Night Announced</strong>
2016                                    <span>Bangalore</span>
2017                                </div>
2018                                <p>Partner venue announces Saturday night lineup with local DJ and special entry offer.</p>
2019                            </div>
2020
2021                            <div class="news-feed-card">
2022                                <div class="news-feed-top">
2023                                    <strong>Artist Spotlight</strong>
2024                                    <span>Mumbai</span>
2025                                </div>
2026                                <p>Rising singer gets featured through ApnaArtist local artist discovery feed.</p>
2027                            </div>
2028
2029                            <div class="news-feed-card">
2030                                <div class="news-feed-top">
2031                                    <strong>Open Mic Update</strong>
2032                                    <span>Nearby</span>
2033                                </div>
2034                                <p>Upcoming open mic for singers, rappers, poets and creators now visible to users.</p>
2035                            </div>
2036                        </div>
2037
2038                        <div class="news-stats">
2039                            <div class="news-stat-box">
2040                                <strong>Local</strong>
2041                                <span>News feed</span>
2042                            </div>
2043                            <div class="news-stat-box">
2044                                <strong>App</strong>
2045                                <span>First updates</span>
2046                            </div>
2047                            <div class="news-stat-box">
2048                                <strong>2</strong>
2049                                <span>Launch cities</span>
2050                            </div>
2051                        </div>
2052                    </div>
2053                </div>
2054            </div>
2055        </div>
2056   </section>
2057
2058    <!-- NEWS TYPES -->
2059    <section class="news-type-strip">
2060        <div class="news-container">
2061            <div class="news-type-grid">
2062                <div class="news-type-item">Artist Updates</div>
2063                <div class="news-type-item">Event Announcements</div>
2064                <div class="news-type-item">Club News</div>
2065                <div class="news-type-item">Nightlife Stories</div>
2066                <div class="news-type-item">Creator Highlights</div>
2067                <div class="news-type-item">Local Hot News</div>
2068            </div>
2069        </div>
2070    </section>
2071
2072    <!-- FEATURES -->
2073    <section class="news-section news-features">
2074        <div class="news-container">
2075            <div class="news-section-title">
2076                <span class="news-kicker">Entertainment News Features</span>
2077                <h2>A local entertainment feed for users who want to know what is happening nearby</h2>
2078                <p>
2079                    ApnaArtist news can help users follow entertainment stories while giving artists, venues and
2080                    organizers a place to share verified updates.
2081                </p>
2082            </div>
2083
2084            <div class="news-feature-grid">
2085                <div class="news-feature-card">
2086                    <div class="news-feature-icon">L</div>
2087                    <h3>Location-first news</h3>
2088                    <p>
2089                        Users can discover updates from their city or nearby area, making entertainment news more useful
2090                        and local.
2091                    </p>
2092                </div>
2093
2094                <div class="news-feature-card">
2095                    <div class="news-feature-icon">A</div>
2096                    <h3>Artist announcements</h3>
2097                    <p>
2098                        Artists can be featured for new releases, upcoming shows, collaborations, achievements and
2099                        profile highlights.
2100                    </p>
2101                </div>
2102
2103                <div class="news-feature-card">
2104                    <div class="news-feature-icon">E</div>
2105                    <h3>Event updates</h3>
2106                    <p>
2107                        Organizers and venues can share event announcements, lineup updates, ticket openings and
2108                        important event news.
2109                    </p>
2110                </div>
2111
2112                <div class="news-feature-card">
2113                    <div class="news-feature-icon">C</div>
2114                    <h3>Club and nightlife news</h3>
2115                    <p>
2116                        Clubs and pubs can promote DJ nights, live music, theme parties, special offers and crowd
2117                        engagement updates.
2118                    </p>
2119                </div>
2120
2121                <div class="news-feature-card">
2122                    <div class="news-feature-icon">V</div>
2123                    <h3>Verified entertainment stories</h3>
2124                    <p>
2125                        ApnaArtist can focus on genuine local updates instead of random unverified entertainment posts.
2126                    </p>
2127                </div>
2128
2129                <div class="news-feature-card">
2130                    <div class="news-feature-icon">N</div>
2131                    <h3>Notification-ready content</h3>
2132                    <p>
2133                        Users can later receive location-aware notifications for important events, launches and artist
2134                        updates.
2135                    </p>
2136                </div>
2137            </div>
2138        </div>
2139    </section>
2140
2141    <!-- SAMPLE STORIES -->
2142    <section class="news-section news-stories">
2143        <div class="news-container">
2144            <div class="news-section-title">
2145                <span class="news-kicker">Content Categories</span>
2146                <h2>What kind of entertainment news can ApnaArtist publish?</h2>
2147                <p>
2148                    This is not general gossip news. It should be useful, location-based and connected with real artists,
2149                    events, clubs and entertainment activities.
2150                </p>
2151            </div>
2152
2153            <div class="news-story-grid">
2154                <div class="news-story-card">
2155                    <div class="news-story-top">
2156                        <div class="news-story-badge">ARTIST<small>Update</small></div>
2157                        <span class="news-story-tag">Profile</span>
2158                    </div>
2159                    <div class="news-story-body">
2160                        <h3>Artist Spotlight Stories</h3>
2161                        <p>Feature DJs, singers, rappers, performers and rising talent from Bangalore, Mumbai and beyond.</p>
2162                        <div class="news-mini-tags">
2163                            <span>Artists</span>
2164                            <span>Talent</span>
2165                            <span>Discovery</span>
2166                        </div>
2167                    </div>
2168                </div>
2169
2170                <div class="news-story-card">
2171                    <div class="news-story-top">
2172                        <div class="news-story-badge">EVENT<small>News</small></div>
2173                        <span class="news-story-tag">Tickets</span>
2174                    </div>
2175                    <div class="news-story-body">
2176                        <h3>Event Announcements</h3>
2177                        <p>Share upcoming club nights, concerts, open mics, live shows and ticketed entertainment events.</p>
2178                        <div class="news-mini-tags">
2179                            <span>Events</span>
2180                            <span>Tickets</span>
2181                            <span>Lineup</span>
2182                        </div>
2183                    </div>
2184                </div>
2185
2186                <div class="news-story-card">
2187                    <div class="news-story-top">
2188                        <div class="news-story-badge">CLUB<small>Update</small></div>
2189                        <span class="news-story-tag">Nightlife</span>
2190                    </div>
2191                    <div class="news-story-body">
2192                        <h3>Club & Nightlife Updates</h3>
2193                        <p>Promote venue updates, DJ lineups, theme nights, audience activities and nightlife experiences.</p>
2194                        <div class="news-mini-tags">
2195                            <span>Clubs</span>
2196                            <span>DJ Night</span>
2197                            <span>Nightlife</span>
2198                        </div>
2199                    </div>
2200                </div>
2201            </div>
2202        </div>
2203    </section>
2204
2205    <!-- HOW IT WORKS -->
2206    <section class="news-section news-how">
2207        <div class="news-container">
2208            <div class="news-section-title">
2209                <span class="news-kicker">How It Works</span>
2210                <h2>Simple entertainment news journey inside the app</h2>
2211                <p>
2212                    Users follow what is happening nearby, while artists, venues and organizers get a channel to publish
2213                    verified updates.
2214                </p>
2215            </div>
2216
2217            <div class="news-step-grid">
2218                <div class="news-step-card">
2219                    <div class="news-step-number">01</div>
2220                    <h3>User opens app</h3>
2221                    <p>
2222                        User allows location or selects city to see relevant nearby entertainment updates.
2223                    </p>
2224                </div>
2225
2226                <div class="news-step-card">
2227                    <div class="news-step-number">
222702</div>
2228                    <h3>Feed shows local updates</h3>
2229                    <p>
2230                        News can include artists, events, clubs, tickets, live shows and entertainment announcements.
2231                    </p>
2232                </div>
2233
2234                <div class="news-step-card">
2235                    <div class="news-step-number">03</div>
2236                    <h3>User takes action</h3>
2237                    <p>
2238                        User can follow an artist, view event details, join waitlist, request tickets or open booking.
2239                    </p>
2240                </div>
2241
2242                <div class="news-step-card">
2243                    <div class="news-step-number">04</div>
2244                    <h3>Notifications grow recall</h3>
2245                    <p>
2246                        Important local updates can be pushed through notifications once the app system is live.
2247                    </p>
2248                </div>
2249            </div>
2250        </div>
2251    </section>
2252
2253    <!-- APP DETAIL -->
2254    <section class="news-section news-app">
2255        <div class="news-container">
2256            <div class="news-app-layout">
2257                <div class="news-phone-card">
2258                    <div class="news-phone-inner">
2259                        <div>
2260                            <div class="news-phone-top">
2261                                <strong>Nearby Entertainment News</strong>
2262                                <span class="news-live-pill">Coming Soon</span>
2263                            </div>
2264
2265                            <div class="news-phone-hero">
2266                                <h3>Hot updates near you</h3>
2267                                <p>Artist news, event announcements, club updates and entertainment highlights.</p>
2268                            </div>
2269
2270                            <div class="news-phone-list">
2271                                <div>New event listed in your city</div>
2272                                <div>Featured artist profile update</div>
2273                                <div>Club announces DJ night lineup</div>
2274                                <div>Open mic registration starts soon</div>
2275                                <div>Local entertainment news notification</div>
2276                            </div>
2277                        </div>
2278
2279                        <a href="/apnaartist-official-website/join-waitlist.php" class="news-btn-primary">Join News Waitlist</a>
2280                    </div>
2281                </div>
2282
2283                <div>
2284                    <div class="news-section-title" style="text-align:left; margin-bottom:26px;">
2285                        <span class="news-kicker">Why This Matters</span>
2286                        <h2>Entertainment discovery is not only booking. It also needs updates and stories.</h2>
2287                        <p>
2288                            If users regularly open ApnaArtist for nearby entertainment news, the platform can build
2289                            stronger retention and later convert attention into artist bookings, event tickets and club
2290                            engagement.
2291                        </p>
2292                    </div>
2293
2294                    <div class="news-detail-list">
2295                        <div class="news-detail-row">
2296                            <div class="news-detail-dot">R</div>
2297                            <div>
2298                                <h3>Retention engine</h3>
2299                                <p>
2300                                    News and updates give users a reason to open the app even when they are not booking
2301                                    an artist immediately.
2302                                </p>
2303                            </div>
2304                        </div>
2305
2306                        <div class="news-detail-row">
2307                            <div class="news-detail-dot">T</div>
2308                            <div>
2309                                <h3>Traffic to events</h3>
2310                                <p>
2311                                    Event news can send users to event listings, ticketing pages and venue promotions.
2312                                </p>
2313                            </div>
2314                        </div>
2315
2316                        <div class="news-detail-row">
2317                            <div class="news-detail-dot">A</div>
2318                            <div>
2319                                <h3>Artist visibility</h3>
2320                                <p>
2321                                    Artist stories can help performers build trust, audience recall and profile views.
2322                                </p>
2323                            </div>
2324                        </div>
2325
2326                        <div class="news-detail-row">
2327                            <div class="news-detail-dot">C</div>
2328                            <div>
2329                                <h3>Club promotion</h3>
2330                                <p>
2331                                    Clubs can use updates to promote nights, artists, offers, announcements and upcoming
2332                                    entertainment experiences.
2333                                </p>
2334                            </div>
2335                        </div>
2336                    </div>
2337                </div>
2338            </div>
2339        </div>
2340   </section>
2341
2342    <!-- CITY FOCUS -->
2343    <section class="news-section news-city">
2344        <div class="news-container">
2345            <div class="news-section-title">
2346                <span class="news-kicker">Launch Cities</span>
2347                <h2>Starting entertainment news in Bangalore and Mumbai</h2>
2348                <p>
2349                    Both cities have strong entertainment scenes, active artists, nightlife, events, college culture and
2350                    creator communities.
2351                </p>
2352            </div>
2353
2354            <div class="news-city-grid">
2355                <div class="news-city-card">
2356                    <h3>Entertainment News in Bangalore</h3>
2357                    <p>
2358                        Bangalore users can follow club announcements, DJ nights, live music, local artist stories,
2359                        college events, pub gigs and creator updates.
2360                    </p>
2361                    <div class="news-city-tags">
2362                        <span>JP Nagar</span>
2363                        <span>Koramangala</span>
2364                        <span>Indiranagar</span>
2365                        <span>MG Road</span>
2366                        <span>Church Street</span>
2367                        <span>Whitefield</span>
2368                    </div>
2369                </div>
2370
2371                <div class="news-city-card">
2372                    <h3>Entertainment News in Mumbai</h3>
2373                    <p>
2374                        Mumbai users can follow artist updates, concerts, club events, influencer news, live gigs,
2375                        celebrity-style stories and creator highlights.
2376                    </p>
2377                    <div class="news-city-tags">
2378                        <span>Andheri</span>
2379                        <span>Bandra</span>
2380                        <span>Juhu</span>
2381                        <span>Lower Parel</span>
2382                        <span>Powai</span>
2383                        <span>Colaba</span>
2384                    </div>
2385                </div>
2386            </div>
2387        </div>
2388    </section>
2389
2390    <!-- FAQ -->
2391    <section class="news-section news-faq">
2392        <div class="news-container">
2393            <div class="news-section-title">
2394                <span class="news-kicker">News Questions</span>
2395                <h2>Frequently asked questions about ApnaArtist entertainment news</h2>
2396                <p>
2397                    These answers explain how local entertainment news can work inside the ApnaArtist app.
2398                </p>
2399            </div>
2400
2401            <div class="news-faq-grid">
2402                <div class="news-faq-item active">
2403                    <button class="news-faq-question" type="button">
2404                        Will entertainment news be available on this website?
2405                        <span>+</span>
2406                    </button>
2407                    <div class="news-faq-answer">
2408                        The website is mainly for SEO, trust and pre-launch information. The main nearby entertainment
2409                        news feed will be built for the ApnaArtist app.
2410                    </div>
2411                </div>
2412
2413                <div class="news-faq-item">
2414                    <button class="news-faq-question" type="button">
2415                        What type of news will ApnaArtist show?
2416                        <span>+</span>
2417                    </button>
2418                    <div class="news-faq-answer">
2419                        Artist updates, event announcements, club news, DJ night updates, live show information,
2420                        creator highlights, open mic updates and local entertainment stories.
2421                    </div>
2422                </div>
2423
2424                <div class="news-faq-item">
2425                    <button class="news-faq-question" type="button">
2426                        Can artists submit news or updates?
2427                        <span>+</span>
2428                    </button>
2429                    <div class="news-faq-answer">
2430                        The future platform can allow artists to share important updates, profile highlights,
2431                        achievements, performances and upcoming shows for review or publishing.
2432                    </div>
2433                </div>
2434
2435                <div class="news-faq-item">
2436                    <button class="news-faq-question" type="button">
2437                        Can clubs and event organizers publish updates?
2438                        <span>+</span>
2439                    </button>
2440                    <div class="news-faq-answer">
2441                        Yes. Clubs and organizers can use ApnaArtist to promote event announcements, artist lineups,
2442                        ticket updates and venue news once the partner system is active.
2443                    </div>
2444                </div>
2445
2446                <div class="news-faq-item">
2447                    <button class="news-faq-question" type="button">
2448                        Which cities are the first focus?
2449                        <span>+</span>
2450                    </button>
2451                    <div class="news-faq-answer">
2452                        Bangalore and Mumbai are the first focus cities for local entertainment news, events, artist
2453                        updates and nightlife content.
2454                    </div>
2455                </div>
2456            </div>
2457        </div>
2458    </section>
2459
2460    <!-- FINAL CTA -->
2461    <section class="news-section news-final">
2462        <div class="news-container">
2463            <div class="news-final-card">
2464                <h2>Stay connected with the entertainment world near you</h2>
2465                <p>
2466                    Join ApnaArtist early to follow artist updates, event news, club announcements, nightlife stories
2467                    and local entertainment highlights from Bangalore, Mumbai and beyond.
2468                </p>
2469
2470                <div class="news-btn-row">
2471                    <a href="/apnaartist-official-website/join-waitlist.php" class="news-btn-primary">Join News Waitlist</a>
2472                    <a href="/apnaartist-official-website/events-ticketing.php" class="news-btn-secondary">Explore Events</a>
2473                    <a href="/apnaartist-official-website/for-artists.php" class="news-btn-secondary">Explore Artists</a>
2474                </div>
2475            </div>
2476        </div>
2477    </section>
2478
2479</main>
2480
2481<script>
2482document.querySelectorAll('.news-faq-question').forEach(function(button) {
2483    button.addEventListener('click', function() {
2484        const item = button.closest('.news-faq-item');
2485
2486        document.querySelectorAll('.news-faq-item').forEach(function(faq) {
2487            if (faq !== item) {
2488                faq.classList.remove('active');
2489            }
2490        });
2491
2492        item.classList.toggle('active');
2493    });
2494});
2495</script>
2495
2496
2497
2498<footer class="aa-footer" id="siteFooter">
2499    <div class="aa-footer-glow aa-footer-glow-one"></div>
2500    <div class="aa-footer-glow aa-footer-glow-two"></div>
2501
2502    <div class="aa-footer-container">
2503
2504        <!-- =====================================================
2505             TOP CTA STRIP
2506        ===================================================== -->
2507        <section class="aa-footer-cta">
2508            <div class="aa-footer-cta-content">
2509                <span class="aa-footer-badge">ApnaArtist Pre-Launch</span>
2510                <h2>India’s entertainment network for artist booking, events, clubs and creators.</h2>
2511                <p>
2512                    Join early access as a user, artist, club/pub partner, event organizer or investor.
2513                </p>
2514            </div>
2515
2516            <div class="aa-footer-cta-actions">
2517                <a href="/apnaartist-official-website/join-waitlist.php" class="aa-footer-primary-btn">Join Waitlist</a>
2518                <a href="/apnaartist-official-website/for-artists.php" class="aa-footer-secondary-btn">Register as Artist</a>
2519            </div>
2520        </section>
2521
2522        <!-- =====================================================
2523             MAIN FOOTER GRID
2524        ===================================================== -->
2525        <div class="aa-footer-grid">
2526
2527            <!-- Brand Column -->
2528            <div class="aa-footer-brand-col">
2529                <a href="/apnaartist-official-website/index.php" class="aa-footer-logo-box" aria-label="ApnaArtist Home">
2530                    <img src="/apnaartist-official-website/assets/images/apna-artist-logo.png" alt="ApnaArtist Logo" class="aa-footer-logo">
2531                </a>
2532
2533                <p class="aa-footer-brand-text">
2534                    ApnaArtist is building an entertainment platform where users can book DJs, singers, rappers,
2535                    anchors, bouncers and performers, discover events, request songs in clubs, get mentorship,
2536                    and follow nearby entertainment news.
2537                </p>
2538
2539                <div class="aa-footer-social">
2540                    <a href="#" aria-label="Instagram">
2541                        <img src="/apnaartist-official-website/assets/images/icons/instagram.svg" alt="Instagram">
2542                    </a>
2543                    <a href="#" aria-label="YouTube">
2544                        <img src="/apnaartist-official-website/assets/images/icons/youtube.svg" alt="YouTube">
2545                    </a>
2546                    <a href="#" aria-label="Twitter">
2547                        <img src="/apnaartist-official-website/assets/images/icons/twitter.svg" alt="Twitter">
2548                    </a>
2549                    <a href="#" aria-label="Facebook">
2550                        <img src="/apnaartist-official-website/assets/images/icons/facebook.svg" alt="Facebook">
2551                    </a>
2552                </div>
2553            </div>
2554
2555            <!-- Company Links -->
2556            <div class="aa-footer-col">
2557                <h3>Company</h3>
2558                <ul>
2559                    <li><a href="/apnaartist-official-website/index.php">Home</a></li>
2560                    <li><a href="/apnaartist-official-website/what-we-do.php">What We Do</a></li>
2561                    <li><a href="/apnaartist-official-website/why-we-built-this.php">Why We Built This</a></li>
2562                    <li><a href="/apnaartist-official-website/meet-the-platform.php">Meet The Platform</a></li>
2563                    <li><a href="/apnaartist-official-website/who-its-for.php">Who It Is For</a></li>
2564                    <li><a href="/apnaartist-official-website/contact.php">Contact</a></li>
2565                </ul>
2566            </div>
2567
2568            <!-- App Ecosystem Links -->
2569            <div class="aa-footer-col">
2570                <h3>App Ecosystem</h3>
2571                <ul>
2572                    <li><a href="/apnaartist-official-website/for-artists.php">For Artists</a></li>
2573                    <li><a href="/apnaartist-official-website/for-users.php">For Users</a></li>
2574                    <li><a href="/apnaartist-official-website/for-clubs-pubs.php">For Clubs & Pubs</a></li>
2575                    <li><a href="/apnaartist-official-website/for-event-organizers.php">For Event Organizers</a></li>
2576                    <li><a href="/apnaartist-official-website/artist-mentorship.php">Artist Mentorship</a></li>
2577                    <li>
2577<a href="/apnaartist-official-website/club-song-request-app.php">Club Song Request App</a></li>
2578                </ul>
2579            </div>
2580
2581            <!-- Bookings Links -->
2582            <div class="aa-footer-col">
2583                <h3>Bookings</h3>
2584                <ul>
2585                    <li><a href="/apnaartist-official-website/artist-booking-app-india.php">Artist Booking App India</a></li>
2586                    <li><a href="/apnaartist-official-website/book-artist-online-bangalore.php">Book Artist Online Bangalore</a></li>
2587                    <li><a href="/apnaartist-official-website/book-artist-online-mumbai.php">Book Artist Online Mumbai</a></li>
2588                    <li><a href="/apnaartist-official-website/dj-booking-app-bangalore.php">DJ Booking App Bangalore</a></li>
2589                    <li><a href="/apnaartist-official-website/events-ticketing.php">Events & Tickets</a></li>
2590                    <li><a href="/apnaartist-official-website/entertainment-news.php">Entertainment News</a></li>
2591                </ul>
2592            </div>
2593
2594            <!-- Investor Links -->
2595            <div class="aa-footer-col">
2596                <h3>Investors</h3>
2597                <ul>
2598                    <li><a href="/apnaartist-official-website/investor-info.php">Investor Info</a></li>
2599                    <li><a href="/apnaartist-official-website/investors.php">Investors</a></li>
2600                    <li><a href="/apnaartist-official-website/the-market.php">The Market</a></li>
2601                    <li><a href="/apnaartist-official-website/revenue-model.php">Revenue Model</a></li>
2602                    <li><a href="/apnaartist-official-website/the-team.php">The Team</a></li>
2603                    <li><a href="/apnaartist-official-website/become-a-top-artist.php">Become a Top Artist</a></li>
2604                </ul>
2605            </div>
2606
2607            <!-- Subscribe Column -->
2608            <div class="aa-footer-subscribe-col">
2609                <h3>Stay Updated</h3>
2610                <p>
2611                    Get ApnaArtist launch updates, artist onboarding news, event features and investor updates.
2612                </p>
2613
2614                <form id="subscribe-form" class="aa-subscribe-form">
2615                    <input type="email" name="email" placeholder="Enter your email" required>
2616                    <input type="tel" name="whatsapp" placeholder="WhatsApp number" required>
2617                    <button type="submit">Subscribe</button>
2618                </form>
2619
2620                <div id="subscribe-success" class="aa-subscribe-success">
2621                    Thank you for subscribing. You will receive ApnaArtist updates.
2622                </div>
2623            </div>
2624        </div>
2625
2626        <!-- =====================================================
2627             LEGAL + BOTTOM
2628        ===================================================== -->
2629        <div class="aa-footer-legal-row">
2630            <div class="aa-footer-legal-links">
2631                <a href="/apnaartist-official-website/privacy-policy.php">Privacy Policy</a>
2632                <a href="/apnaartist-official-website/user_terms_conditions.php">User Terms</a>
2633                <a href="/apnaartist-official-website/user_privacy_policy.php">User Privacy</a>
2634                <a href="/apnaartist-official-website/artist_registration_terms.php">Artist Registration Terms</a>
2635                <a href="/apnaartist-official-website/terms.php">Terms</a>
2636                <a href="/apnaartist-official-website/privacy.php">Privacy</a>
2637            </div>
2638        </div>
2639
2640        <div class="aa-footer-bottom">
2641            <p>
2642                <strong>© 2026 APNAARTIST</strong>
2643                <span>Powered by Kalakaarpanti Studios Private Limited</span>
2644                <em>All Rights Reserved.</em>
2645            </p>
2646        </div>
2647    </div>
2648</footer>
2649
2650<style>
2651    .aa-footer {
2652        position: relative;
2653        overflow: hidden;
2654        background:
2655            radial-gradient(circle at top left, rgba(240, 14, 81, 0.18), transparent 34%),
2656            radial-gradient(circle at bottom right, rgba(255, 122, 0, 0.16), transparent 32%),
2657            #111111;
2658        color: #ffffff;
2659        font-family: "Segoe UI", Arial, sans-serif;
2660        margin-top: 0;
2661        padding: 54px 18px 24px;
2662    }
2663
2664    .aa-footer * {
2665        box-sizing: border-box;
2666    }
2667
2668    .aa-footer a {
2669        text-decoration: none;
2670    }
2671
2672    .aa-footer-glow {
2673        position: absolute;
2674        width: 260px;
2675        height: 260px;
2676        border-radius: 999px;
2677        filter: blur(42px);
2678        opacity: 0.22;
2679        pointer-events: none;
2680    }
2681
2682    .aa-footer-glow-one {
2683        top: -90px;
2684        left: -70px;
2685        background: #f00e51;
2686    }
2687
2688    .aa-footer-glow-two {
2689        right: -90px;
2690        bottom: -100px;
2691        background: #ff7a00;
2692    }
2693
2694    .aa-footer-container {
2695        width: min(1220px, 100%);
2696        margin: 0 auto;
2697        position: relative;
2698        z-index: 2;
2699    }
2700
2701    /* CTA Strip */
2702    .aa-footer-cta {
2703        display: grid;
2704        grid-template-columns: 1.5fr auto;
2705        gap: 24px;
2706        align-items: center;
2707        padding: 28px;
2708        border-radius: 28px;
2709        background: linear-gradient(135deg, rgba(240, 14, 81, 0.18), rgba(255, 122, 0, 0.16));
2710        border: 1px solid rgba(255, 255, 255, 0.12);
2711        box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
2712        margin-bottom: 42px;
2713    }
2714
2715    .aa-footer-badge {
2716        display: inline-flex;
2717        width: fit-content;
2718        padding: 8px 13px;
2719        border-radius: 999px;
2720        background: rgba(255, 255, 255, 0.10);
2721        color: #ffcfdf;
2722        font-size: 13px;
2723        font-weight: 800;
2724        margin-bottom: 13px;
2725        border: 1px solid rgba(255, 255, 255, 0.10);
2726    }
2727
2728    .aa-footer-cta h2 {
2729        font-size: clamp(24px, 3vw, 38px);
2730        line-height: 1.15;
2731        color: #ffffff;
2732        margin: 0 0 10px;
2733        letter-spacing: -0.03em;
2734    }
2735
2736    .aa-footer-cta p {
2737        color: rgba(255, 255, 255, 0.72);
2738        font-size: 15.5px;
2739        line-height: 1.65;
2740        margin: 0;
2741        max-width: 740px;
2742    }
2743
2744    .aa-footer-cta-actions {
2745        display: flex;
2746        align-items: center;
2747        justify-content: flex-end;
2748        gap: 12px;
2749        flex-wrap: wrap;
2750    }
2751
2752    .aa-footer-primary-btn,
2753    .aa-footer-secondary-btn {
2754        display: inline-flex;
2755        align-items: center;
2756        justify-content: center;
2757        min-height: 46px;
2758        padding: 13px 18px;
2759        border-radius: 999px;
2760        font-size: 14px;
2761        font-weight: 850;
2762        transition: all 0.25s ease;
2763        white-space: nowrap;
2764    }
2765
2766    .aa-footer-primary-btn {
2767        background: linear-gradient(135deg, #f00e51, #ff7a00);
2768        color: #ffffff;
2769        box-shadow: 0 12px 28px rgba(240, 14, 81, 0.32);
2770    }
2771
2772    .aa-footer-secondary-btn {
2773        background: rgba(255, 255, 255, 0.11);
2774        color: #ffffff;
2775        border: 1px solid rgba(255, 255, 255, 0.16);
2776    }
2777
2778    .aa-footer-primary-btn:hover,
2779    .aa-footer-secondary-btn:hover {
2780        transform: translateY(-2px);
2781    }
2782
2783    .aa-footer-secondary-btn:hover {
2784        background: #ffffff;
2785        color: #f00e51;
2786    }
2787
2788    /* Grid */
2789    .aa-footer-grid {
2790        display: grid;
2791        grid-template-columns: 1.45fr 0.85fr 1fr 1fr 0.9fr 1.25fr;
2792        gap: 26px;
2793        align-items: start;
2794    }
2795
2796    .aa-footer-brand-col,
2797    .aa-footer-col,
2798    .aa-footer-subscribe-col {
2799        min-width: 0;
2800    }
2801
2802    .aa-footer-logo-box {
2803        display: inline-flex;
2804        align-items: center;
2805        justify-content: center;
2806        background: rgba(255, 255, 255, 0.08);
2807        border: 1px solid rgba(255, 255, 255, 0.10);
2808        padding: 14px;
2809        border-radius: 20px;
2810        margin-bottom: 16px;
2811        box-shadow: 0 10px 30px rgba(255, 122, 0, 0.12);
2812    }
2813
2814    .aa-footer-logo {
2815        width: 140px;
2816        max-width: 100%;
2817        display: block;
2818    }
2819
2820    .aa-footer-brand-text,
2821    .aa-footer-subscribe-col p {
2822        color: rgba(255, 255, 255, 0.68);
2823        font-size: 14.5px;
2824        line-height: 1.7;
2825        margin: 0 0 18px;
2826    }
2827
2828    .aa-footer-social {
2829        display: flex;
2830        align-items: center;
2831        gap: 12px;
2832        flex-wrap: wrap;
2833    }
2834
2835    .aa-footer-social a {
2836        width: 40px;
2837        height: 40px;
2838        border-radius: 14px;
2839        display: inline-flex;
2840        align-items: center;
2841        justify-content: center;
2842        background: rgba(255, 255, 255, 0.08);
2843        border: 1px solid rgba(255, 255, 255, 0.10);
2844        transition: all 0.25s ease;
2845    }
2846
2847    .aa-footer-social a:hover {
2848        background: linear-gradient(135deg, #f00e51, #ff7a00);
2849        transform: translateY(-3px) rotate(2deg);
2850    }
2851
2852    .aa-footer-social img {
2853        width: 21px;
2854        height: 21px;
2855        display: block;
2856    }
2857
2858    .aa-footer-col h3,
2859    .aa-footer-subscribe-col h3 {
2860        color: #ff7a00;
2861        font-size: 16px;
2862        font-weight: 850;
2863        margin: 0 0 14px;
2864        letter-spacing: -0.01em;
2865    }
2866
2867    .aa-footer-col ul {
2868        list-style: none;
2869        padding: 0;
2870        margin: 0;
2871        display: grid;
2872        gap: 9px;
2873    }
2874
2875    .aa-footer-col ul li {
2876        margin: 0;
2877    }
2878
2879    .aa-footer-col a {
2880        color: rgba(255, 255, 255, 0.76);
2881        font-size: 14px;
2882        line-height: 1.4;
2883        transition: all 0.22s ease;
2884        display: inline-flex;
2885        align-items: center;
2886        gap: 7px;
2887    }
2888
2889    .aa-footer-col a::before {
2890        content: "";
2891        width: 5px;
2892        height: 5px;
2893        border-radius: 999px;
2894        background: rgba(255, 122, 0, 0.55);
2895        transition: all 0.22s ease;
2896    }
2897
2898    .aa-footer-col a:hover {
2899        color: #ffffff;
2900        transform: translateX(4px);
2901    }
2902
2903    .aa-footer-col a:hover::before {
2904        background: #f00e51;
2905        box-shadow: 0 0 0 4px rgba(240, 14, 81, 0.15);
2906    }
2907
2908    /* Subscribe */
2909    .aa-subscribe-form {
2910        display: grid;
2911        gap: 10px;
2912    }
2913
2914    .aa-subscribe-form input {
2915        width: 100%;
2916        min-height: 44px;
2917        border: 1px solid rgba(255, 255, 255, 0.12);
2918        background: rgba(255, 255, 255, 0.08);
2919        color: #ffffff;
2920        border-radius: 14px;
2921        padding: 12px 14px;
2922        font-size: 14px;
2923        outline: none;
2924        transition: all 0.22s ease;
2925    }
2926
2927    .aa-subscribe-form input::placeholder {
2928        color: rgba(255, 255, 255, 0.50);
2929    }
2930
2931    .aa-subscribe-form input:focus {
2932        border-color: rgba(255, 122, 0, 0.55);
2933        box-shadow: 0 0 0 4px rgba(255, 122, 0, 0.12);
2934        background: rgba(255, 255, 255, 0.10);
2935    }
2936
2937    .aa-subscribe-form button {
2938        min-height: 46px;
2939        border: none;
2940        border-radius: 14px;
2941        background: linear-gradient(135deg, #f00e51, #ff7a00);
2942        color: #ffffff;
2943        font-size: 14.5px;
2944        font-weight: 850;
2945        cursor: pointer;
2946        transition: all 0.25s ease;
2947        box-shadow: 0 12px 28px rgba(240, 14, 81, 0.24);
2948    }
2949
2950    .aa-subscribe-form button:hover {
2951        transform: translateY(-2px);
2952        box-shadow: 0 16px 34px rgba(240, 14, 81, 0.32);
2953    }
2954
2955    .aa-subscribe-success {
2956        display: none;
2957        margin-top: 12px;
2958        padding: 13px 14px;
2959        border-radius: 14px;
2960        background: linear-gradient(135deg, rgba(240, 14, 81, 0.95), rgba(255, 122, 0, 0.95));
2961        color: #ffffff;
2962        font-size: 14px;
2963        font-weight: 750;
2964        line-height: 1.4;
2965    }
2966
2967    /* Legal */
2968    .aa-footer-legal-row {
2969        margin-top: 38px;
2970        padding-top: 22px;
2971        border-top: 1px solid rgba(255, 255, 255, 0.10);
2972    }
2973
2974    .aa-footer-legal-links {
2975        display: flex;
2976        align-items: center;
2977        justify-content: center;
2978        gap: 10px 18px;
2979        flex-wrap: wrap;
2980    }
2981
2982    .aa-footer-legal-links a {
2983        color: rgba(255, 255, 255, 0.62);
2984        font-size: 13.5px;
2985        transition: all 0.22s ease;
2986    }
2987
2988    .aa-footer-legal-links a:hover {
2989        color: #ff7a00;
2990    }
2991
2992    .aa-footer-bottom {
2993        margin-top: 18px;
2994        text-align: center;
2995    }
2996
2997    .aa-footer-bottom p {
2998        margin: 0;
2999        display: flex;
3000        align-items: center;
3001        justify-content: center;
3002        gap: 10px 16px;
3003        flex-wrap: wrap;
3004        color: rgba(255, 255, 255, 0.58);
3005        font-size: 13.5px;
3006        line-height: 1.6;
3007    }
3008
3009    .aa-footer-bottom strong {
3010        color: #f00e51;
3011        font-style: normal;
3012    }
3013
3014    .aa-footer-bottom span {
3015        color: #ff7a00;
3016        font-weight: 750;
3017    }
3018
3019    .aa-footer-bottom em {
3020        color: rgba(255, 255, 255, 0.62);
3021        font-style: normal;
3022    }
3023
3024    /* Responsive */
3025    @media (max-width: 1180px) {
3026        .aa-footer-grid {
3027            grid-template-columns: repeat(3, 1fr);
3028        }
3029
3030        .aa-footer-brand-col,
3031        .aa-footer-subscribe-col {
3032            grid-column: span 1;
3033        }
3034    }
3035
3036    @media (max-width: 900px) {
3037        .aa-footer {
3038            padding: 44px 14px 24px;
3039        }
3040
3041        .aa-footer-cta {
3042            grid-template-columns: 1fr;
3043            padding: 24px;
3044            text-align: left;
3045        }
3046
3047        .aa-footer-cta-actions {
3048            justify-content: flex-start;
3049        }
3050
3051        .aa-footer-grid {
3052            grid-template-columns: repeat(2, 1fr);
3053            gap: 26px 20px;
3054        }
3055
3056        .aa-footer-brand-col {
3057            grid-column: span 2;
3058        }
3059
3060        .aa-footer-subscribe-col {
3061            grid-column: span 2;
3062        }
3063    }
3064
3065    @media (max-width: 620px) {
3066        .aa-footer {
3067            padding: 38px 12px 22px;
3068        }
3069
3070        .aa-footer-cta {
3071            border-radius: 22px;
3072            padding: 22px 18px;
3073            margin-bottom: 32px;
3074        }
3075
3076        .aa-footer-cta h2 {
3077            font-size: 24px;
3078        }
3079
3080        .aa-footer-cta p {
3081            font-size: 14.5px;
3082        }
3083
3084        .aa-footer-cta-actions {
3085            display: grid;
3086            grid-template-columns: 1fr;
3087            width: 100%;
3088        }
3089
3090        .aa-footer-primary-btn,
3091        .aa-footer-secondary-btn {
3092            width: 100%;
3093        }
3094
3095        .aa-footer-grid {
3096            grid-template-columns: 1fr;
3097            gap: 24px;
3098        }
3099
3100        .aa-footer-brand-col,
3101        .aa-footer-subscribe-col {
3102            grid-column: span 1;
3103        }
3104
3105        .aa-footer-logo {
3106            width: 126px;
3107        }
3108
3109        .aa-footer-brand-text,
3110        .aa-footer-subscribe-col p {
3111            font-size: 14px;
3112        }
3113
3114        .aa-footer-col {
3115            padding: 16px;
3116            border-radius: 18px;
3117            background: rgba(255, 255, 255, 0.04);
3118            border: 1px solid rgba(255, 255, 255, 0.07);
3119        }
3120
3121        .aa-footer-col h3,
3122        .aa-footer-subscribe-col h3 {
3123            font-size: 15.5px;
3124        }
3125
3126        .aa-footer-col ul {
3127            grid-template-columns: 1fr;
3128            gap: 10px;
3129        }
3130
3131        .aa-footer-legal-links {
3132            align-items: flex-start;
3133            justify-content: flex-start;
3134            gap: 10px 14px;
3135        }
3136
3137        .aa-footer-bottom p {
3138            display: grid;
3139            gap: 4px;
3140            font-size: 13px;
3141        }
3142    }
3143</style>
3144
3145<script>
3146document.addEventListener("DOMContentLoaded", function () {
3147    const subscribeForm = document.getElementById("subscribe-form");
3148    const successBox = document.getElementById("subscribe-success");
3149
3150    if (!subscribeForm) return;
3151
3152    subscribeForm.addEventListener("submit", function (e) {
3153        e.preventDefault();
3154
3155        const formData = new FormData(subscribeForm);
3156        const submitButton = subscribeForm.querySelector("button");
3157
3158        submitButton.disabled = true;
3159        submitButton.textContent = "Subscribing...";
3160
3161        fetch("/apnaartist-official-website/forms/subscribe.php", {
3162            method: "POST",
3163            body: formData
3164        })
3165        .then(function (res) {
3166            return res.text();
3167        })
3168        .then(function (response) {
3169            submitButton.disabled = false;
3170            submitButton.textContent = "Subscribe";
3171
3172            if (response.includes("✅") || response.toLowerCase().includes("success")) {
3173                if (successBox) {
3174                    successBox.style.display = "block";
3175                    successBox.style.opacity = "1";
3176                }
3177
3178                subscribeForm.reset();
3179
3180                setTimeout(function () {
3181                    if (successBox) {
3182                        successBox.style.opacity = "0";
3183
3184                        setTimeout(function () {
3185                            successBox.style.display = "none";
3186                        }, 400);
3187                    }
3188                }, 5000);
3189            } else {
3190                alert(response || "Unable to subscribe. Please try again.");
3191            }
3192        })
3193        .catch(function () {
3194            submitButton.disabled = false;
3195            submitButton.textContent = "Subscribe";
3196            alert("Something went wrong. Please try again.");
3197        });
3198    });
3199});
3200</script>
vendor: 2 bytes, line 3200
3200
3201<script src="/apnaartist-official-website/ai-agent-smm/assets/ai-agent-smm-form-capture.js" defer></script>
3201
3202
3203</body>
3204</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.