*{box-sizing:border-box}
body{margin:0;background:#05091b;color:#f6f7ff;font-family:Arial,sans-serif;background-image:radial-gradient(ellipse at 80% 15%,#34208055,transparent 35%)}
header{height:76px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}
header b{font-size:25px;letter-spacing:2px}
nav{display:flex;gap:22px;align-items:center}
a{color:#dce4ff;text-decoration:none}
button{cursor:pointer;border:1px solid #6d6aff88;border-radius:10px;padding:11px 16px;background:linear-gradient(110deg,#9700ff,#167dff);color:white;font-weight:bold}
main{max-width:1250px;margin:auto}
.hero{min-height:500px;padding:85px 5%;position:relative;overflow:hidden}
.hero small,section>small{color:#b8a1ff;letter-spacing:2px;font-weight:bold;font-size:11px}
.hero h1{font-size:clamp(52px,7vw,82px);line-height:1;margin:24px 0;letter-spacing:-3px}
.hero h1 span{background:linear-gradient(90deg,#b000ff,#218cff,#26d8e8);color:transparent;background-clip:text}
.hero p{max-width:520px;color:#c4cee8;line-height:1.7}
.search{display:flex;max-width:650px;margin:25px 0;background:#141e3b;border:1px solid #6378bd;border-radius:40px;padding:5px}
.search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:white;padding:10px 15px}
.orb{position:absolute;right:12%;top:100px;width:230px;height:230px;border:3px solid #47caff;border-radius:50%;display:grid;place-items:center;font-size:65px;font-weight:bold;color:#a9faff;box-shadow:0 0 35px #287cff,0 0 100px #842bff77;background:radial-gradient(circle at 35% 30%,#277eff,#22006b 65%,#080c24)}
section:not(.hero){padding:55px 5%}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.cards button,.tool{min-height:125px;text-align:left;padding:18px;background:linear-gradient(145deg,#121d3b,#0a1026);border:1px solid #4b70c477;border-radius:16px;color:white}
.cards b,.cards small{display:block;margin-top:10px}
.cards small{font-size:11px;color:#aab7d3}
.tool h3{margin:8px 0}
.tool p{font-size:12px;color:#b2bfd9;line-height:1.5}
.tool a{color:#70caff;font-size:12px}
.note{font-size:11px;color:#8795b5}
.cta{text-align:center;margin:40px 5%;border:1px solid #5466bc88;border-radius:22px;background:linear-gradient(120deg,#16113c,#10284a)}
.modal{display:none;position:fixed;inset:0;background:#000b;place-items:center;padding:18px;z-index:1000}
.modal.open{display:grid}
.modal>div{position:relative;width:min(100%,400px);padding:28px;background:#111a35;border:1px solid #7a70e8;border-radius:18px}
.modal input{display:block;width:100%;padding:12px;margin:8px 0 15px;background:#070d20;border:1px solid #45547e;border-radius:8px;color:white}
.modal form button{width:100%}
#close{float:right}

/* AIVORA AI VIDEO STUDIO */
.studio-section{padding:65px 5%!important}
.studio-heading{text-align:center;margin-bottom:28px}
.studio-heading h2{font-size:clamp(30px,5vw,46px);margin:12px 0;background:linear-gradient(90deg,#c084fc,#60a5fa,#67e8f9);color:transparent;background-clip:text}
.studio-heading p{color:#aebbd8;line-height:1.7}
.studio-panel{max-width:900px;margin:auto;padding:28px;background:linear-gradient(145deg,#111a36,#0a1027);border:1px solid #5b67c788;border-radius:22px;box-shadow:0 0 35px #5525b522}
.studio-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.studio-tag{font-size:13px;color:#c4b5fd;font-weight:bold}
.free-tag{font-size:11px;color:#67e8f9;background:#164e6380;border:1px solid #22d3ee55;padding:7px 12px;border-radius:20px}
#videoPrompt{display:block;width:100%;min-height:180px;resize:vertical;padding:18px;background:#070d20;border:1px solid #485b91;border-radius:14px;color:white;font:15px/1.7 Arial,sans-serif;outline:none}
#videoPrompt:focus{border-color:#a78bfa;box-shadow:0 0 18px #8b5cf633}
#videoPrompt::placeholder{color:#7182a7}
#videoPrompt[readonly]{cursor:pointer}
.prompt-hint{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:#8795b5;font-size:11px}
.video-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0}
.setting label{display:block;margin-bottom:9px;color:#cbd5e1;font-size:13px;font-weight:bold}
.setting select{width:100%;padding:13px;background:#080f27;border:1px solid #455a91;border-radius:10px;color:white;outline:none}
.setting select:focus{border-color:#a78bfa}
.generate-button{width:100%;padding:15px;font-size:15px;border:1px solid #a78bfa66;border-radius:12px;background:linear-gradient(100deg,#8b25ee,#2563eb,#0891b2);box-shadow:0 5px 25px #6d28d933}
.generate-button:hover{filter:brightness(1.15)}
.studio-disclaimer{text-align:center;font-size:11px;color:#8493b5;line-height:1.6;margin-top:15px}
.studio-message{display:none;margin-top:18px;padding:15px;border:1px solid #5868a7;border-radius:12px;background:#101c3b;color:#dbeafe;font-size:13px;line-height:1.6}
.studio-message.show{display:block}

/* FOOTER */
footer{padding:45px 7% 20px;background:#080d1b;border-top:1px solid #293454;color:#cbd5e1}
.footer-brand h2{color:#a78bfa}
.footer-brand p{color:#94a3b8}
.footer-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;margin:35px 0}
.footer-links div{display:flex;flex-direction:column;gap:12px}
.footer-links h3{color:#67e8f9}
.footer-links a{color:#cbd5e1;text-decoration:none}
.footer-links a:hover{color:#a78bfa}
.footer-bottom{border-top:1px solid #293454;padding-top:15px;display:flex;justify-content:space-between;flex-wrap:wrap;color:#94a3b8}

@media(max-width:650px){
nav a{display:none}
.hero{padding-top:65px}
.orb{right:-130px;opacity:.3}
.cards{grid-template-columns:repeat(2,1fr)}
footer{font-size:11px;gap:10px;flex-wrap:wrap}
.studio-section{padding:45px 5%!important}
.studio-panel{padding:18px}
.video-settings{grid-template-columns:1fr}
#videoPrompt{min-height:160px}
}
@media(max-width:400px){
.cards{grid-template-columns:1fr}
.studio-top{align-items:flex-start}
                      }