Home - Bollywood Audition Updates

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Bollywood Audition Updates – India’s No. 1 Audition Platform</title>

/* WordPress Reset – Prevent theme conflicts */
.hero,.hero *{
margin-top:0 !important;
}

:root{
–primary:#fab327;
–primary-dark:#d97706;
–bg:#f7f8fb;
–card:#ffffff;
–text:#1f2937;
–muted:#6b7280;
–border:rgba(0,0,0,.06);
}

body{
font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Arial,sans-serif;
background:var(–bg);
color:var(–text);
}

.container{max-width:1140px;margin:auto;padding:0 24px}

/* ================= PREMIUM HERO ================= */

.hero{
position:relative;
height:260px;
display:flex;
align-items:center;
justify-content:center;
background:
radial-gradient(ellipse 800px 300px at 85% 20%, rgba(250,179,39,.28), transparent 60%),
radial-gradient(ellipse 700px 300px at 15% 40%, rgba(250,179,39,.2), transparent 60%),
linear-gradient(180deg, #ffffff 0%, #fffbf2 100%);
overflow:hidden;
border-bottom:1px solid rgba(250,179,39,.15);
}

/* Premium grain texture overlay */
.hero::before{
content:”;
position:absolute;
top:0;left:0;right:0;bottom:0;
background-image:url(“data:image/svg+xml,%3Csvg viewBox=’0 0 400 400′ xmlns=’http://www.w3.org/2000/svg’%3E%3Cfilter id=’noiseFilter’%3E%3CfeTurbulence type=’fractalNoise’ baseFrequency=’0.9′ numOctaves=’3′ stitchTiles=’stitch’/%3E%3C/filter%3E%3Crect width=’100%25′ height=’100%25′ filter=’url(%23noiseFilter)’ opacity=’0.03’/%3E%3C/svg%3E”);
pointer-events:none;
z-index:1;
mix-blend-mode:overlay;
}

/* Large decorative circle */
.hero::after{
content:”;
position:absolute;
width:320px;height:320px;
background:radial-gradient(circle, rgba(250,179,39,0.1) 0%, transparent 70%);
border-radius:50%;
top:-110px;right:-60px;
filter:blur(70px);
z-index:0;
}

/* Floating decorative shapes container */
.hero-shapes{
position:absolute;
top:0;left:0;right:0;bottom:0;
pointer-events:none;
z-index:1;
}

.shape{
position:absolute;
border-radius:50%;
}

/* Enhanced shape positioning */
.shape-1{
width:160px;height:160px;
background:radial-gradient(circle, rgba(250,179,39,0.14), transparent 65%);
top:12%;left:4%;
filter:blur(50px);
}

.shape-2{
width:120px;height:120px;
background:radial-gradient(circle, rgba(251,191,36,0.12), transparent 70%);
bottom:10%;right:8%;
filter:blur(45px);
}

.shape-3{
width:90px;height:90px;
background:radial-gradient(circle, rgba(250,179,39,0.1), transparent 75%);
top:40%;right:15%;
filter:blur(40px);
}

/* Additional center accent */
.shape-4{
width:200px;height:200px;
background:radial-gradient(circle, rgba(250,179,39,0.06), transparent 60%);
top:50%;left:50%;
transform:translate(-50%, -50%);
filter:blur(60px);
}

/* Corner decorative elements */
.hero-corner-tl{
position:absolute;
top:0;left:0;
width:120px;height:120px;
background:linear-gradient(135deg, rgba(250,179,39,0.12) 0%, transparent 60%);
border-radius:0 0 100% 0;
z-index:1;
}

.hero-corner-tr{
position:absolute;
top:0;right:0;
width:100px;height:100px;
background:linear-gradient(225deg, rgba(251,191,36,0.1) 0%, transparent 60%);
border-radius:0 0 0 100%;
z-index:1;
}

.hero-corner-bl{
position:absolute;
bottom:0;left:0;
width:90px;height:90px;
background:linear-gradient(45deg, rgba(250,179,39,0.08) 0%, transparent 60%);
border-radius:0 100% 0 0;
z-index:1;
}

.hero-corner-br{
position:absolute;
bottom:0;right:0;
width:110px;height:110px;
background:linear-gradient(315deg, rgba(251,191,36,0.1) 0%, transparent 60%);
border-radius:100% 0 0 0;
z-index:1;
}

/* Decorative dots */
.hero-dot-1{
position:absolute;
width:4px;height:4px;
background:rgba(250,179,39,0.4);
border-radius:50%;
top:20%;right:15%;
box-shadow:0 0 15px rgba(250,179,39,0.5);
z-index:1;
}

.hero-dot-2{
position:absolute;
width:3px;height:3px;
background:rgba(251,191,36,0.35);
border-radius:50%;
bottom:25%;left:18%;
box-shadow:0 0 12px rgba(251,191,36,0.4);
z-index:1;
}

.hero-dot-3{
position:absolute;
width:5px;height:5px;
background:rgba(250,179,39,0.3);
border-radius:50%;
top:45%;left:12%;
box-shadow:0 0 10px rgba(250,179,39,0.4);
z-index:1;
}

/* Subtle arc lines */
.hero-arc-1{
position:absolute;
width:150px;height:150px;
border:1px solid rgba(250,179,39,0.15);
border-radius:50%;
top:-75px;right:10%;
z-index:1;
}

.hero-arc-2{
position:absolute;
width:120px;height:120px;
border:1px solid rgba(251,191,36,0.12);
border-radius:50%;
bottom:-60px;left:15%;
z-index:1;
}

/* Subtle grid pattern overlay */
.hero-pattern{
position:absolute;
top:0;left:0;right:0;bottom:0;
background-image:
linear-gradient(rgba(250,179,39,0.025) 1px, transparent 1px),
linear-gradient(90deg, rgba(250,179,39,0.025) 1px, transparent 1px);
background-size:50px 50px;
opacity:0.5;
pointer-events:none;
z-index:1;
}

/* Top-left corner decoration */
.hero-accent-1{
position:absolute;
width:120px;height:120px;
top:0;left:0;
background:linear-gradient(135deg, rgba(250,179,39,0.12) 0%, transparent 70%);
pointer-events:none;
z-index:1;
}

/* Top-right corner decoration */
.hero-accent-2{
position:absolute;
width:140px;height:140px;
top:0;right:0;
background:linear-gradient(-135deg, rgba(251,191,36,0.1) 0%, transparent 70%);
pointer-events:none;
z-index:1;
}

/* Bottom-left corner with arc */
.hero-accent-3{
position:absolute;
width:100px;height:100px;
bottom:0;left:0;
background:
radial-gradient(circle at top right, transparent 60%, rgba(250,179,39,0.15) 60%, rgba(250,179,39,0.15) 70%, transparent 70%);
pointer-events:none;
z-index:1;
}

/* Bottom-right corner accent */
.hero-accent-4{
position:absolute;
width:110px;height:110px;
bottom:0;right:0;
background:linear-gradient(45deg, rgba(250,179,39,0.1) 0%, transparent 70%);
pointer-events:none;
z-index:1;
}

/* Diagonal accent lines */
.hero-accent-line-1{
position:absolute;
width:220px;height:2px;
background:linear-gradient(90deg, transparent, rgba(250,179,39,0.25), transparent);
top:28%;right:5%;
transform:rotate(-40deg);
pointer-events:none;
z-index:1;
}

.hero-accent-line-2{
position:absolute;
width:180px;height:1.5px;
background:linear-gradient(90deg, transparent, rgba(251,191,36,0.2), transparent);
bottom:22%;left:8%;
transform:rotate(35deg);
pointer-events:none;
z-index:1;
}

/* Small decorative dots */
.hero-dot-1{
position:absolute;
width:6px;height:6px;
background:rgba(250,179,39,0.3);
border-radius:50%;
top:20%;left:15%;
box-shadow:0 0 15px rgba(250,179,39,0.4);
pointer-events:none;
z-index:1;
}

.hero-dot-2{
position:absolute;
width:8px;height:8px;
background:rgba(251,191,36,0.25);
border-radius:50%;
top:65%;right:20%;
box-shadow:0 0 18px rgba(251,191,36,0.35);
pointer-events:none;
z-index:1;
}

.hero-dot-3{
position:absolute;
width:5px;height:5px;
background:rgba(250,179,39,0.35);
border-radius:50%;
bottom:30%;left:25%;
box-shadow:0 0 12px rgba(250,179,39,0.45);
pointer-events:none;
z-index:1;
}

/* Soft glow effects */
.hero-glow-1{
position:absolute;
width:200px;height:200px;
background:radial-gradient(circle, rgba(250,179,39,0.06), transparent 60%);
top:5%;left:25%;
border-radius:50%;
filter:blur(50px);
z-index:0;
}

.hero-glow-2{
position:absolute;
width:160px;height:160px;
background:radial-gradient(circle, rgba(251,191,36,0.05), transparent 65%);
bottom:10%;right:30%;
border-radius:50%;
filter:blur(45px);
z-index:0;
}

.hero-inner{
position:relative;
text-align:center !important;
max-width:1000px;
padding:0 48px !important;
z-index:10;
margin:0 auto !important;
background:transparent;
border:none;
box-shadow:none;
}

/* Decorative background circles */
.hero-inner::before{
content:”;
position:absolute;
width:180px;height:180px;
background:radial-gradient(circle, rgba(250,179,39,0.12), transparent 70%);
border-radius:50%;
top:-30px;left:-40px;
filter:blur(50px);
z-index:-1;
}

.hero-inner::after{
content:”;
position:absolute;
width:160px;height:160px;
background:radial-gradient(circle, rgba(251,191,36,0.1), transparent 70%);
border-radius:50%;
bottom:-30px;right:-40px;
filter:blur(45px);
z-index:-1;
}

.hero-content-wrap{
position:relative;
padding:0;
}

/* Diagonal accent line */
.hero-content-wrap::before{
content:”;
position:absolute;
width:200px;height:2px;
background:linear-gradient(90deg, transparent, rgba(250,179,39,0.25), transparent);
top:20%;right:-10%;
transform:rotate(-35deg);
z-index:-1;
}

/* Another diagonal accent */
.hero-content-wrap::after{
content:”;
position:absolute;
width:180px;height:2px;
background:linear-gradient(90deg, transparent, rgba(251,191,36,0.2), transparent);
bottom:25%;left:-8%;
transform:rotate(30deg);
z-index:-1;
}

/* Additional floating shape */
.hero-welcome::before{
content:”;
position:absolute;
width:100px;height:100px;
background:radial-gradient(circle, rgba(250,179,39,0.08), transparent 65%);
border-radius:50%;
top:40%;right:5%;
filter:blur(40px);
z-index:-1;
}

/* Small accent dot */
.hero-welcome::after{
content:”;
position:absolute;
width:8px;height:8px;
background:rgba(250,179,39,0.3);
border-radius:50%;
top:15%;left:10%;
box-shadow:0 0 20px rgba(250,179,39,0.4);
z-index:-1;
}

/* 👇 Balanced vertical rhythm – WordPress Override */

.hero-welcome{
font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Arial,sans-serif !important;
font-size:12px !important;
font-weight:700 !important;
color:#d97706 !important;
text-transform:uppercase !important;
letter-spacing:1px !important;
margin:0 0 12px 0 !important;
padding:0 !important;
line-height:1.4 !important;
display:block !important;
opacity:0.85;
}

.hero h1{
font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Arial,sans-serif !important;
font-size:36px !important;
font-weight:900 !important;
line-height:1.15 !important;
letter-spacing:-1px !important;
margin:0 0 12px 0 !important;
padding:0 !important;
}

.hero h1 span{
display:block !important;
background:linear-gradient(135deg,#fab327,#f59e0b,#d97706) !important;
-webkit-background-clip:text !important;
-webkit-text-fill-color:transparent !important;
background-clip:text !important;
margin:2px 0 0 0 !important;
padding:0 !important;
line-height:1.15 !important;
}

.hero-pills{
display:flex !important;
justify-content:center !important;
gap:10px !important;
flex-wrap:wrap !important;
margin:0 !important;
padding:0 !important;
}

/* Premium Pills with Gradient */

.pill{
position:relative;
font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Arial,sans-serif !important;
font-size:11px !important;
font-weight:700 !important;
padding:8px 16px !important;
border-radius:999px !important;
background:linear-gradient(135deg, rgba(250,179,39,0.15) 0%, rgba(251,191,36,0.2) 100%) !important;
border:1.5px solid rgba(250,179,39,.45) !important;
color:#78350f !important;
white-space:nowrap !important;
box-shadow:
0 4px 12px rgba(250,179,39,0.15),
inset 0 1px 0 rgba(255,255,255,0.5) !important;
backdrop-filter:blur(12px);
margin:0 !important;
line-height:1.4 !important;
display:inline-block !important;
transition:all .3s ease !important;
overflow:hidden;
}

/* Premium shine effect */
.pill::before{
content:”;
position:absolute;
top:0;left:-100%;
width:100%;height:100%;
background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
transition:left .5s ease;
}

.pill:hover::before{
left:100%;
}

.pill:hover{
transform:translateY(-2px) !important;
box-shadow:
0 6px 20px rgba(250,179,39,0.25),
inset 0 1px 0 rgba(255,255,255,0.6) !important;
border-color:rgba(250,179,39,.6) !important;
}

/* ================= SECTIONS ================= */

.section{margin:40px 0}
.section:first-of-type{margin-top:24px;}

/* ================= GRID ================= */

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:20px;
}

.app-card{
background:var(–card);
border-radius:22px;
padding:20px;
border:1px solid var(–border);
display:flex;
align-items:center;
gap:18px;
text-decoration:none;
color:var(–text);
transition:.2s ease;
box-shadow:0 2px 8px rgba(0,0,0,.04);
}

.app-card:hover{
transform:translateY(-4px);
border-color:rgba(250,179,39,.4);
box-shadow:0 8px 24px rgba(250,179,39,.15);
}

.app-icon{
width:72px;height:72px;
border-radius:18px;
background:#fab327;
display:flex;
align-items:center;
justify-content:center;
font-size:34px;
flex-shrink:0;
box-shadow:0 4px 12px rgba(250,179,39,0.2);
transition:transform .3s ease;
}

.app-card:hover .app-icon{
transform:scale(1.08) rotate(-3deg);
}

.app-card h3{
font-size:18px;
font-weight:800;
margin-bottom:4px;
}

.app-card p{
font-size:14px;
color:var(–muted);
}

/* ================= STATS ================= */

.stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:18px;
}

.stat{
background:#fff;
border-radius:22px;
padding:30px 18px;
text-align:center;
border:1px solid rgba(250,179,39,.12);
box-shadow:0 2px 8px rgba(250,179,39,.06);
transition:.2s ease;
}

.stat:hover{
transform:translateY(-3px);
box-shadow:0 8px 20px rgba(250,179,39,.12);
}

.stat strong{
display:block;
font-size:34px;
font-weight:900;
background:linear-gradient(135deg,#fab327,#d97706);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
margin-bottom:6px;
white-space:nowrap;
}

.stat span{
font-size:14px;
color:var(–muted);
font-weight:600;
}

/* ================= FOOTER ================= */

footer{
background:#fff;
padding:50px 24px 30px;
margin-top:50px;
border-top:1px solid rgba(250,179,39,.15);
}

.footer-links{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:12px 36px;
margin-bottom:32px;
}

.footer-links a{
color:var(–muted);
text-decoration:none;
font-size:14px;
font-weight:600;
transition:color .2s ease;
}

.footer-links a:hover{color:#fab327}

.copyright{
text-align:center;
color:var(–muted);
font-size:14px;
padding-top:24px;
border-top:1px solid var(–border);
}

/* ================= MOBILE ================= */

@media(max-width:968px){
.hero{
height:250px;
}

.hero-inner{
padding:0 40px !important;
}

.hero-inner::before{
width:150px;height:150px;
top:-25px;left:-30px;
}

.hero-inner::after{
width:130px;height:130px;
bottom:-25px;right:-30px;
}

.hero-accent-1,.hero-accent-2{
width:100px;height:100px;
}

.hero-accent-3,.hero-accent-4{
width:90px;height:90px;
}

.hero-accent-line-1{
width:180px;
}

.hero-accent-line-2{
width:150px;
}
}

@media(max-width:640px){

.hero{height:200px}

.hero-inner{
max-width:100%;
padding:0 24px !important;
margin:0 !important;
}

.hero-inner::before{
width:120px;height:120px;
top:-20px;left:-20px;
filter:blur(40px);
}

.hero-inner::after{
width:100px;height:100px;
bottom:-20px;right:-20px;
filter:blur(35px);
}

.hero-content-wrap::before{
width:150px;
top:15%;right:-5%;
}

.hero-content-wrap::after{
width:130px;
bottom:20%;left:-5%;
}

.hero-welcome{
font-size:9px !important;
margin-bottom:5px !important;
letter-spacing:0.5px !important;
}

.hero-welcome::before{
width:80px;height:80px;
top:35%;right:0;
filter:blur(35px);
}

.hero-welcome::after{
width:6px;height:6px;
top:10%;left:5%;
}

.hero h1{
font-size:22px !important;
line-height:1.2 !important;
letter-spacing:-0.3px !important;
word-spacing:1px;
margin-bottom:5px !important;
}

.hero h1 span{
margin-top:1px !important;
}

.hero-pills{
margin-top:6px !important;
gap:6px !important;
}

.pill{
font-size:9px !important;
padding:5px 10px !important;
}

/* Simplify decorative elements on mobile */
.shape-1,.shape-2{
opacity:0.7;
}

.shape-3{
display:none;
}

.shape-4{
width:150px;height:150px;
}

.hero-accent-1,.hero-accent-2{
width:80px;height:80px;
}

.hero-accent-3,.hero-accent-4{
width:70px;height:70px;
}

.hero-accent-line-1,.hero-accent-line-2{
display:none;
}

.hero-dot-2,.hero-dot-3{
display:none;
}

.hero-glow-1,.hero-glow-2{
width:120px;height:120px;
}

.hero-accent-1,.hero-accent-2{
display:none;
}

.hero-corner-tl,.hero-corner-tr{
width:60px;height:60px;
}

.hero-corner-bl,.hero-corner-br{
width:50px;height:50px;
}

.hero-arc-1,.hero-arc-2{
display:none;
}

.stats{
grid-template-columns:repeat(2,1fr);
gap:12px;
}

.stat{padding:22px 10px}

.stat strong{font-size:26px}

.footer-links{
flex-direction:row;
justify-content:center;
max-width:360px;
margin:0 auto 32px;
gap:8px 12px;
}

.footer-links a{
font-size:12px;
white-space:nowrap;
}

.copyright{
font-size:12px;
}

}
</style>
</head>

<body>

<!– PREMIUM HERO –>
<section class=”hero”>
<!– Decorative Elements –>
<div class=”hero-shapes”>
<div class=”shape shape-1″></div>
<div class=”shape shape-2″></div>
<div class=”shape shape-3″></div>
<div class=”shape shape-4″></div>
</div>
<div class=”hero-pattern”></div>

<!– Corner Decorations –>
<div class=”hero-corner-tl”></div>
<div class=”hero-corner-tr”></div>
<div class=”hero-corner-bl”></div>
<div class=”hero-corner-br”></div>

<!– Corner Accents –>
<div class=”hero-accent-1″></div>
<div class=”hero-accent-2″></div>
<div class=”hero-accent-3″></div>
<div class=”hero-accent-4″></div>

<!– Diagonal Lines –>
<div class=”hero-accent-line-1″></div>
<div class=”hero-accent-line-2″></div>

<!– Decorative Dots –>
<div class=”hero-dot-1″></div>
<div class=”hero-dot-2″></div>
<div class=”hero-dot-3″></div>

<!– Arc Lines –>
<div class=”hero-arc-1″></div>
<div class=”hero-arc-2″></div>

<!– Soft Glows –>
<div class=”hero-glow-1″></div>
<div class=”hero-glow-2″></div>

<div class=”hero-inner”>
<div class=”hero-content-wrap”>
<div class=”hero-welcome”>Welcome to Bollywood Audition Updates</div>

<h1>India’s Most Trusted and No. 1 <span>Audition Updates App</span></h1>

<div class=”hero-pills”>
<span class=”pill”>30+ Daily Auditions</span>
<span class=”pill”>Industry Jobs</span>
<span class=”pill”>Community</span>
</div>
</div>
</div>
</section>

<!– GRID –>
<section class=”section”>
<div class=”container grid”>

<a href=”https://bollywoodauditionupdates.com/category/cast/” class=”app-card”><div class=”app-icon”>🎬</div><div><h3>Casting Calls</h3><p>Daily 30+ audition updates</p></div></a>
<a href=”https://bollywoodauditionupdates.com/category/crew-call/” class=”app-card”><div class=”app-icon”>🎥</div><div><h3>Crew Calls</h3><p>Film industry job updates</p></div></a>
<a href=”https://bollywoodauditionupdates.com/create-acting-profile/” class=”app-card”><div class=”app-icon”>👤</div><div><h3>Acting Profile</h3><p>Create and view your profile</p></div></a>
<a href=”https://bollywoodauditionupdates.com/flats-pgs-in-mumbai/” class=”app-card”><div class=”app-icon”>🏠</div><div><h3>Flats, Flatmates & PGs</h3><p>Find accommodation in Mumbai</p></div></a>
<a href=”https://bollywoodauditionupdates.com/pro-help/” class=”app-card”><div class=”app-icon”>💡</div><div><h3>Pro Help & Tips</h3><p>Helpful guidance and tips</p></div></a>
<a href=”https://bollywoodauditionupdates.com/category/movie-script/” class=”app-card”><div class=”app-icon”>📝</div><div><h3>Movie Scripts</h3><p>Screenplays & scripts</p></div></a>
<a href=”https://bollywoodauditionupdates.com/category/monologue/” class=”app-card”><div class=”app-icon”>🎭</div><div><h3>Monologues</h3><p>Audition scripts</p></div></a>
<a href=”https://bollywoodauditionupdates.com/category/plays-and-books/” class=”app-card”><div class=”app-icon”>📚</div><div><h3>Plays & Books</h3><p>Plays and acting books</p></div></a>

</div>
</section>

<!– STATS –>
<section class=”section”>
<div class=”container stats”>
<div class=”stat”><strong>27K+</strong><span>Casting Calls</span></div>
<div class=”stat”><strong>5,000+</strong><span>Actors Casted</span></div>
<div class=”stat”><strong>15,000+</strong><span>Projects Posted</span></div>
<div class=”stat”><strong>5,000+</strong><span>Crew Calls</span></div>
</div>
</section>

<!– FOOTER –>
<footer>
<div class=”footer-links”>
<a href=”https://bollywoodauditionupdates.com/terms-and-conditions/”>All Terms and Conditions</a>
<a href=”https://bollywoodauditionupdates.com/privacy-policy/”>Privacy Policy</a>
<a href=”https://bollywoodauditionupdates.com/about/”>About Us</a>
<a href=”https://bollywoodauditionupdates.com/refund-policy/”>Refund and Cancellation Policy</a>
<a href=”https://bollywoodauditionupdates.com/contact/”>Contact Us</a>
<a href=”https://bollywoodauditionupdates.com/disclaimer/”>Disclaimer</a>
</div>
<div class=”copyright”>© 2024 Bollywood Audition Updates. All rights reserved.</div>
</footer>

</body>
</html>