/*
Theme Name: Nebula Cinema Lab
Theme URI: https://example.com/nebula-cinema-lab
Author: OpenAI
Description: A standalone one-page WordPress test theme for cinematic motion, animated icons, and visibly extruded 3D typography.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: nebula-cinema-lab
*/
:root{--bg:#070817;--ink:#f6f5ff;--muted:#b6bad4;--cyan:#54f5ff;--violet:#9a62ff;--pink:#ff4db8;--gold:#ffcb70;--panel:rgba(19,22,51,.72);--line:rgba(150,160,255,.22);--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}img,svg{max-width:100%}.ncl-wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.ncl-site{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 12% 8%,rgba(112,49,230,.28),transparent 34%),radial-gradient(ellipse at 86% 26%,rgba(0,202,255,.17),transparent 32%),linear-gradient(180deg,#080919 0%,#0b0c20 48%,#070817 100%)}.ncl-site:before,.ncl-site:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.ncl-site:before{opacity:.16;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 70%)}.ncl-site:after{background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.5) 100%);z-index:5;opacity:.45}.ncl-nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:10}.ncl-brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:.06em}.ncl-brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--violet) 55%,var(--pink));box-shadow:0 0 28px rgba(84,245,255,.3);transform:rotate(-8deg)}.ncl-brand-mark svg{width:22px;filter:drop-shadow(0 2px 1px #28114e)}.ncl-brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.22em;font-weight:650;margin-top:2px}.ncl-navlinks{display:flex;align-items:center;gap:28px;color:#d4d5ed;font-size:13px}.ncl-navlinks a{transition:color .25s,transform .25s}.ncl-navlinks a:hover{color:var(--cyan);transform:translateY(-2px)}.ncl-nav-cta{border:1px solid rgba(84,245,255,.5);border-radius:999px;padding:11px 17px;box-shadow:inset 0 0 18px rgba(84,245,255,.08),0 0 20px rgba(84,245,255,.08)}.ncl-hero{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:30px;padding:76px 0 95px;position:relative}.ncl-kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;padding:9px 13px;color:#d7d9f5;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.ncl-pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:ncl-pulse 1.5s infinite}.ncl-hero h1{font-size:clamp(48px,7.2vw,94px);line-height:.99;letter-spacing:-.065em;margin:25px 0 22px;max-width:700px;perspective:900px}.ncl-3d{display:block;position:relative;color:#fff;text-shadow:0 1px 0 #e8e8ff,0 2px 0 #c6c8ff,0 3px 0 #a3a7ff,0 4px 0 #8585ef,0 5px 0 #6864d0,0 6px 0 #5146a9,0 7px 0 #3a317f,0 8px 0 #29235d,0 12px 22px rgba(0,0,0,.55),0 0 35px rgba(84,245,255,.24);transform:rotateX(8deg);transform-origin:left center;animation:ncl-title-float 5s ease-in-out infinite}.ncl-3d-gradient{background:linear-gradient(105deg,#fff 4%,#a9fbff 26%,#c5a6ff 52%,#ff9ed9 76%,#fff 95%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(160,150,255,.9),0 2px 0 rgba(120,100,220,.8),0 3px 0 rgba(85,60,170,.8),0 4px 0 rgba(40,30,90,.9),0 10px 28px rgba(84,245,255,.24);animation:ncl-gradient 7s ease-in-out infinite,ncl-title-float 5s ease-in-out infinite}.ncl-hero-copy{color:var(--muted);line-height:1.9;max-width:520px;font-size:16px}.ncl-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.ncl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:0 20px;border-radius:13px;font-weight:750;font-size:13px;transition:transform .3s,box-shadow .3s;position:relative;isolation:isolate}.ncl-btn svg{width:17px;height:17px;transition:transform .3s;filter:drop-shadow(0 0 5px rgba(255,255,255,.35))}.ncl-btn:hover{transform:translateY(-5px) rotateX(8deg);box-shadow:0 13px 30px rgba(0,0,0,.35)}.ncl-btn:hover svg{transform:translateX(4px) rotate(-8deg)}.ncl-btn-primary{background:linear-gradient(110deg,#4eeefa,#8d72ff 55%,#ff57b7);color:#08091b;box-shadow:0 8px 30px rgba(115,94,255,.24),inset 0 1px 0 rgba(255,255,255,.7)}.ncl-btn-ghost{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04);color:white}.ncl-stats{display:flex;gap:28px;margin-top:40px}.ncl-stat strong{font-size:23px;display:block;letter-spacing:-.04em}.ncl-stat span{font-size:11px;color:var(--muted)}.ncl-stage{height:470px;position:relative;display:grid;place-items:center;perspective:1000px}.ncl-orbit{position:absolute;width:360px;height:360px;border:1px solid rgba(84,245,255,.3);border-radius:50%;transform:rotateX(68deg) rotateZ(-24deg);box-shadow:0 0 32px rgba(84,245,255,.07),inset 0 0 30px rgba(154,98,255,.06);animation:ncl-orbit 18s linear infinite}.ncl-orbit:before,.ncl-orbit:after{content:"";position:absolute;border:1px solid rgba(255,77,184,.38);border-radius:50%;inset:23px;transform:rotate(52deg)}.ncl-orbit:after{inset:-24px;border-color:rgba(154,98,255,.3);transform:rotate(-45deg)}.ncl-core{width:min(310px,75vw);aspect-ratio:1;border-radius:34% 66% 58% 42% / 43% 36% 64% 57%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.9),transparent 6%),radial-gradient(circle at 35% 28%,#7ffbff 0%,#7062ff 26%,#a735ce 55%,#10112c 76%);box-shadow:inset -24px -28px 55px rgba(0,0,0,.65),inset 13px 12px 24px rgba(255,255,255,.4),0 0 35px rgba(84,245,255,.5),0 0 90px rgba(154,98,255,.4);transform:rotateY(-18deg) rotateX(10deg);animation:ncl-blob 9s ease-in-out infinite,ncl-float 5s ease-in-out infinite}.ncl-core:before{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.5);border-radius:inherit;filter:blur(.2px);transform:translateZ(35px) rotate(22deg)}.ncl-core:after{content:"N";font-size:clamp(110px,15vw,175px);font-weight:950;line-height:1;color:rgba(255,255,255,.92);text-shadow:0 2px 0 #d9d4ff,0 4px 0 #aaa2ff,0 6px 0 #7d6bea,0 8px 0 #4e3eaa,0 15px 30px rgba(0,0,0,.45),0 0 35px rgba(255,255,255,.45);transform:translateZ(55px) rotateY(18deg);letter-spacing:-.1em}.ncl-float-icon{position:absolute;z-index:2;width:66px;height:66px;display:grid;place-items:center;border-radius:20px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.035));backdrop-filter:blur(12px);box-shadow:0 15px 35px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.25);animation:ncl-float 4s ease-in-out infinite}.ncl-float-icon svg{width:30px;height:30px;filter:drop-shadow(0 0 9px currentColor);animation:ncl-icon-pulse 3s ease-in-out infinite}.ncl-icon-a{top:53px;left:9%;color:var(--cyan);transform:rotate(-12deg)}.ncl-icon-b{right:2%;top:125px;color:#ff85d0;animation-delay:-1.2s;transform:rotate(11deg)}.ncl-icon-c{bottom:50px;left:14%;color:#c4a8ff;animation-delay:-2s;transform:rotate(9deg)}.ncl-glass-label{position:absolute;bottom:24px;right:0;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(9,11,31,.72);backdrop-filter:blur(15px);font-size:11px;color:#d8dcff;box-shadow:0 15px 35px rgba(0,0,0,.2)}.ncl-glass-label b{color:var(--cyan);display:block;margin-bottom:4px;font-size:12px}.ncl-section{padding:80px 0;position:relative}.ncl-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.ncl-eyebrow{color:var(--cyan);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.ncl-section h2{font-size:clamp(30px,4.5vw,53px);letter-spacing:-.055em;line-height:1.05;margin:10px 0 0;text-shadow:0 1px 0 #e2ddff,0 2px 0 #b0a5ef,0 3px 0 #7b6bc2,0 7px 20px rgba(0,0,0,.4)}.ncl-section-intro{max-width:390px;color:var(--muted);font-size:13px;line-height:1.8;margin:0}.ncl-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ncl-card{position:relative;min-height:245px;padding:25px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 40px rgba(0,0,0,.12);overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s;transform-style:preserve-3d}.ncl-card:before{content:"";position:absolute;width:170px;height:170px;right:-70px;top:-80px;background:var(--glow,var(--cyan));filter:blur(65px);opacity:.19;transition:opacity .35s}.ncl-card:hover{transform:translateY(-8px) rotateX(2deg);border-color:rgba(84,245,255,.5);box-shadow:0 25px 50px rgba(0,0,0,.25),0 0 28px rgba(84,245,255,.08)}.ncl-card:hover:before{opacity:.35}.ncl-card-icon{width:55px;height:55px;border-radius:17px;display:grid;place-items:center;color:var(--accent,var(--cyan));background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);margin-bottom:24px;box-shadow:inset 0 0 20px rgba(255,255,255,.025)}.ncl-card-icon svg{width:27px;height:27px;filter:drop-shadow(0 0 8px currentColor);animation:ncl-icon-pulse 3.6s ease-in-out infinite}.ncl-card h3{font-size:19px;margin:0 0 10px;letter-spacing:-.03em}.ncl-card p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.ncl-card-number{position:absolute;right:23px;top:23px;color:rgba(255,255,255,.2);font-size:12px;font-weight:850;letter-spacing:.1em}.ncl-showcase{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.ncl-showcase-panel{padding:clamp(25px,4vw,42px);border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(25,28,65,.85),rgba(12,13,34,.75));position:relative;overflow:hidden}.ncl-showcase-panel h3{font-size:clamp(25px,3vw,36px);letter-spacing:-.05em;line-height:1.12;margin:13px 0}.ncl-showcase-panel p{font-size:13px;line-height:1.9;color:var(--muted)}.ncl-demo-type{font-size:clamp(38px,6vw,68px);font-weight:950;letter-spacing:-.07em;line-height:1.1;margin:28px 0;color:#fff;text-shadow:0 1px 0 #fff,0 2px 0 #c7c7ff,0 3px 0 #a6a0f8,0 4px 0 #8276d7,0 5px 0 #6053b0,0 6px 0 #3c3479,0 12px 25px rgba(0,0,0,.5),0 0 32px rgba(84,245,255,.25);transform:perspective(500px) rotateX(8deg);animation:ncl-title-float 5s ease-in-out infinite}.ncl-demo-type span{display:block;color:var(--cyan);font-size:.42em;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;text-shadow:0 0 18px rgba(84,245,255,.7)}.ncl-icon-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.ncl-icon-demo{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--cyan);transition:transform .3s,background .3s}.ncl-icon-demo svg{width:27px;height:27px;filter:drop-shadow(0 0 8px currentColor);animation:ncl-icon-pulse 2.7s ease-in-out infinite}.ncl-icon-demo:nth-child(2){color:var(--pink);animation-delay:-.4s}.ncl-icon-demo:nth-child(3){color:#bca2ff;animation-delay:-.8s}.ncl-icon-demo:nth-child(4){color:var(--gold);animation-delay:-1.2s}.ncl-icon-demo:hover{transform:translateY(-6px) rotate(8deg) scale(1.06);background:rgba(255,255,255,.09)}.ncl-cta{padding:clamp(30px,6vw,65px);border-radius:30px;text-align:center;border:1px solid rgba(84,245,255,.25);background:radial-gradient(ellipse at 50% 0%,rgba(154,98,255,.25),transparent 58%),linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.18);position:relative;overflow:hidden}.ncl-cta h2{max-width:760px;margin:12px auto 16px}.ncl-cta p{max-width:600px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.9}.ncl-cta .ncl-actions{justify-content:center}.ncl-footer{padding:28px 0 38px;border-top:1px solid rgba(255,255,255,.09);color:#9297b7;font-size:11px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.ncl-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.ncl-reveal.is-visible{opacity:1;transform:translateY(0)}.ncl-scroll-line{position:absolute;bottom:0;left:50%;height:64px;width:1px;background:linear-gradient(transparent,var(--cyan),transparent);opacity:.7}.ncl-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:white;box-shadow:0 0 14px 4px rgba(84,245,255,.45);animation:ncl-spark 5s ease-in-out infinite}.ncl-spark.s1{top:15%;left:8%}.ncl-spark.s2{top:32%;right:8%;animation-delay:-2s}.ncl-spark.s3{bottom:14%;left:45%;animation-delay:-3.5s}
@keyframes ncl-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}@keyframes ncl-title-float{0%,100%{transform:perspective(900px) rotateX(8deg) translateY(0)}50%{transform:perspective(900px) rotateX(4deg) translateY(-4px)}}@keyframes ncl-gradient{0%,100%{background-position:0% 50%;filter:hue-rotate(0)}50%{background-position:100% 50%;filter:hue-rotate(12deg)}}@keyframes ncl-orbit{from{transform:rotateX(68deg) rotateZ(-24deg)}to{transform:rotateX(68deg) rotateZ(336deg)}}@keyframes ncl-blob{0%,100%{border-radius:34% 66% 58% 42% / 43% 36% 64% 57%}50%{border-radius:57% 43% 39% 61% / 51% 62% 38% 49%}}@keyframes ncl-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes ncl-icon-pulse{0%,100%{transform:scale(1) rotate(0);opacity:.9}50%{transform:scale(1.09) rotate(-5deg);opacity:1}}@keyframes ncl-spark{0%,100%{opacity:.2;transform:translate3d(0,0,0)}50%{opacity:1;transform:translate3d(15px,-24px,0)}}
@media(max-width:900px){.ncl-hero{grid-template-columns:1fr;padding-top:65px;gap:0}.ncl-hero-content{position:relative;z-index:3}.ncl-stage{height:390px;margin-top:12px}.ncl-orbit{width:300px;height:300px}.ncl-core{width:250px}.ncl-navlinks{gap:15px}.ncl-cards{grid-template-columns:repeat(2,1fr)}.ncl-showcase{grid-template-columns:1fr}.ncl-section-head{align-items:start;flex-direction:column}.ncl-section-intro{max-width:560px}}@media(max-width:600px){.ncl-wrap{width:min(100% - 30px,1160px)}.ncl-nav{height:67px}.ncl-navlinks a:not(.ncl-nav-cta){display:none}.ncl-nav-cta{padding:9px 12px;font-size:11px}.ncl-hero{min-height:0;padding:54px 0 60px}.ncl-hero h1{font-size:clamp(46px,13vw,70px);margin-top:22px}.ncl-hero-copy{font-size:14px}.ncl-stats{gap:20px}.ncl-stat strong{font-size:20px}.ncl-stage{height:320px;margin-top:24px}.ncl-orbit{width:240px;height:240px}.ncl-core{width:205px}.ncl-float-icon{width:51px;height:51px;border-radius:15px}.ncl-float-icon svg{width:24px}.ncl-icon-a{left:3%;top:35px}.ncl-icon-b{right:1%;top:80px}.ncl-icon-c{left:6%;bottom:28px}.ncl-glass-label{bottom:0;font-size:10px}.ncl-section{padding:58px 0}.ncl-cards{grid-template-columns:1fr;gap:12px}.ncl-card{min-height:205px;padding:22px}.ncl-card-icon{margin-bottom:18px}.ncl-showcase-panel{padding:25px 21px}.ncl-demo-type{font-size:clamp(38px,12vw,58px)}.ncl-cta{padding:34px 20px;border-radius:23px}.ncl-footer{font-size:10px}.ncl-site:before{background-size:42px 42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ncl-reveal{opacity:1;transform:none}}