@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--navy:#081326;--blue:#173b78;--royal:#5267ff;--gold:#f5bd45;--rose:#ed6089;--cream:#fff9ef;--ink:#152039;--muted:#667085;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.65}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 10%,#f5bd4512,transparent 25%),radial-gradient(circle at 90% 50%,#5267ff0d,transparent 30%);z-index:-1}
.hero,.subhero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(125deg,var(--navy) 0%,#17366f 48%,#6e315d 100%)}
.hero{min-height:90vh}.subhero{padding-bottom:90px}
.hero:before,.subhero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;right:-180px;top:-220px;background:radial-gradient(circle,#f5bd4530,transparent 65%);filter:blur(2px)}
.hero:after,.subhero:after{content:"";position:absolute;width:450px;height:450px;border-radius:50%;left:-250px;bottom:-280px;background:#5267ff30}
nav{position:relative;z-index:4;display:flex;align-items:center;gap:24px;padding:26px 6%;border-bottom:1px solid #ffffff20;backdrop-filter:blur(12px)}
.logo{color:#fff;text-decoration:none;font-weight:700;letter-spacing:.12em;text-shadow:0 2px 18px #0005}.logo small{display:block;color:var(--gold);font-size:8px;letter-spacing:.3em;margin-top:3px}
.links{display:flex;gap:13px;flex-wrap:wrap;margin-left:auto}.links a{color:#fff;text-decoration:none;font-size:11px;opacity:.9}.links a:hover{color:var(--gold)}
.pill{color:var(--navy);background:linear-gradient(135deg,#ffe29a,var(--gold));border-radius:50px;padding:11px 17px;text-decoration:none;font-weight:700;font-size:12px;box-shadow:0 8px 25px #0003}
.heroText,.subhead{position:relative;z-index:2}.heroText{padding:14vh 7%;max-width:920px}.heroText label,.subhead label,.section label,.cinema label,.vip label,.contact label{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--gold)}
.heroText h1{font-size:clamp(3.5rem,8vw,7.5rem);line-height:.9;margin:22px 0;text-shadow:0 12px 50px #0005}.heroText h1 i,.subhead h1 i{font-family:"Playfair Display",serif;color:#ffd66d}
.heroText p{max-width:650px;font-size:18px;line-height:1.8;color:#edf1ff}.btn{display:inline-block;border:0;border-radius:50px;padding:15px 23px;background:linear-gradient(135deg,#ffe29a,var(--gold));color:var(--navy);font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 10px 30px #0002;margin:8px 5px 0 0}.ghost{background:#ffffff13;color:#fff;border:1px solid #ffffff55;box-shadow:none}
.ticker{text-align:center;padding:18px;background:linear-gradient(90deg,var(--gold),#ffe49d,var(--gold));color:var(--navy);font-size:11px;font-weight:700;letter-spacing:.17em}
.section{padding:105px 7%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.section h2,.cinema h2,.vip h2,.contact h2{font-size:clamp(2.7rem,5vw,5rem);line-height:.98;margin:15px 0 28px}.section h2 i{font-family:"Playfair Display";color:var(--rose)}
.intro p,.cinema>div>p,.vip>p,.contact p{font-size:18px;line-height:1.85;color:var(--muted)}
.cards,.cards2,.admin-grid,.stories,.threads{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards{padding:0 7% 110px}.cards article,.cards2 article,.stories article,.threads article,.admin-grid article,.poll{background:linear-gradient(145deg,#fff,#fff8ee);border:1px solid #f0e5d5;border-radius:28px;padding:36px;box-shadow:0 20px 60px #17203312;transition:.25s}.cards article:hover,.cards2 article:hover,.stories article:hover,.threads article:hover{transform:translateY(-6px);box-shadow:0 28px 70px #17203320}.cards article>b{color:var(--rose)}.cards h3{font-size:28px;margin:45px 0 10px}.cards p,.stories p{color:var(--muted);line-height:1.7}.cards a,.page a{color:var(--rose);font-weight:700;text-decoration:none}.cards .dark{background:linear-gradient(145deg,var(--navy),#173b78);color:#fff;border:0}.cards .dark p{color:#c8d0e2}.cards .dark a{color:var(--gold)}
.cinema{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;padding:110px 7%;background:linear-gradient(135deg,var(--navy),#173b78);color:#fff;position:relative;overflow:hidden}.cinema:after{content:"";position:absolute;width:450px;height:450px;border-radius:50%;right:-200px;bottom:-260px;background:#ed608930}.cinema>*{position:relative;z-index:2}.cinema h2 i{font-family:"Playfair Display";color:var(--gold)}.cinema>div>p{color:#c8d0df}.films{display:grid;grid-template-columns:1fr 1fr;gap:15px}.films article{padding:28px;border-radius:22px;background:linear-gradient(145deg,#ffffff12,#ffffff05);border:1px solid #ffffff22}.films span{color:var(--gold);font-weight:700}.films h3{margin:25px 0 8px}.films p{color:#bac3d4;font-size:14px;line-height:1.6}
.vip{padding:120px 7%;background:linear-gradient(135deg,#ffe8ef,#e8efff,#fff5d7)}.vip h2 i{font-family:"Playfair Display";color:var(--royal)}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.chips span{background:#fff;border:1px solid #eadff0;border-radius:50px;padding:12px 17px;box-shadow:0 7px 25px #1720330c;font-size:13px}.darkbtn{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}
.stories{margin-top:40px}.storycards{}.contact{padding:110px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%;background:linear-gradient(135deg,#0b1528,#173b78);color:#fff;position:relative}.contact h2 i{font-family:"Playfair Display";color:var(--gold)}.contact p{color:#c6cede}.contact>div>small{display:block;color:var(--gold);letter-spacing:.15em;font-weight:700;margin-top:35px}.email{display:block;color:#fff!important;font-size:19px;margin-top:8px;word-break:break-word}
form,.form{display:grid;gap:13px}.form input,.form select,.form textarea,input,select,textarea{width:100%;padding:16px;border:1px solid #d9dce7;border-radius:14px;background:#fff;color:var(--ink);font:inherit}.contact input,.contact select,.contact textarea{background:#ffffff0e;color:#fff;border-color:#ffffff25}.contact select option{color:var(--ink)}textarea{resize:vertical}
.subhead{padding:80px 7% 20px;max-width:1000px}.subhead h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.93;margin:18px 0}.subhead p{max-width:720px;font-size:18px;color:#e7ebf5}
.page{padding:80px 7%;min-height:60vh;max-width:1400px;margin:auto}.page h2{font-size:2.2rem}.page label{color:var(--rose)}.notice{background:linear-gradient(135deg,#fff2d4,#fffaf0);border-left:5px solid var(--gold);padding:25px;border-radius:18px;margin-bottom:35px;box-shadow:0 12px 35px #1720330b}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery>div{min-height:230px;border-radius:26px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;font-size:25px;font-weight:700;background:linear-gradient(135deg,var(--navy),var(--royal),var(--rose));box-shadow:0 18px 45px #17203322}.gallery>div:nth-child(2n){background:linear-gradient(135deg,var(--blue),var(--rose))}.gallery>div:nth-child(3n){background:linear-gradient(135deg,#7c3f70,var(--gold))}.gallery>div div{font-size:13px;font-weight:400}.gallery a{display:block;width:max-content;color:var(--navy);background:var(--gold);padding:8px 14px;border-radius:30px;font-size:12px;margin-top:12px}
.achievement{padding:55px;border-radius:32px;background:linear-gradient(135deg,var(--navy),var(--blue),var(--rose));color:#fff;box-shadow:0 20px 60px #17203325}.achievement span{color:var(--gold);letter-spacing:.15em;font-size:11px;font-weight:700}
.poll{max-width:750px;margin-bottom:25px}.poll label{display:block;margin:12px 0;color:var(--ink)}.poll input{width:auto}.threads button{background:var(--gold);border:0;border-radius:30px;padding:12px 18px;font-weight:700}.admin-grid h2{font-size:45px;margin:10px 0}
footer{background:#050b16;color:#aeb7c9;padding:40px 7%;display:flex;gap:30px;align-items:center;flex-wrap:wrap}footer p{margin-left:auto}footer a{color:#fff;text-decoration:none}
@media(max-width:800px){.links{display:none}.heroText{padding:12vh 5%}.heroText h1{font-size:clamp(3.2rem,14vw,5rem)}.intro,.cards,.cinema,.stories,.contact,.cards2,.admin-grid,.threads,.gallery{grid-template-columns:1fr}.cards{padding-left:5%;padding-right:5%}.section,.cinema,.vip,.contact,.page{padding-left:5%;padding-right:5%}.films{grid-template-columns:1fr}footer p{margin-left:0}}