/* ONIZA — identidade visual oficial baseada na logo roxa enviada pelo cliente */
:root{
  --bg:#050308;
  --panel:#0d0912;
  --panel2:#140d1c;
  --border:#2b1d3a;
  --text:#fbf9ff;
  --muted:#968ba4;
  --pink:#9b3cff;
  --violet:#7c23ff;
  --violet-2:#5b21ff;
  --lilac:#d9b8ff;
  --glow:rgba(155,60,255,.36);
  --glow-soft:rgba(155,60,255,.12);
  --surface:rgba(16,10,23,.82);
}
html{background:#050308}
body{background:
  radial-gradient(circle at 12% -10%,rgba(113,24,255,.13),transparent 34%),
  radial-gradient(circle at 92% 4%,rgba(203,73,255,.10),transparent 30%),
  #050308;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:
  radial-gradient(480px circle at var(--mx,75%) var(--my,15%),rgba(160,54,255,.10),transparent 62%),
  linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,54px 54px,54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.brand{letter-spacing:.09em;color:#fff;text-shadow:0 0 18px rgba(155,60,255,.16)}
.brandmark{width:34px;height:34px;border:0!important;border-radius:10px!important;transform:none!important;background:url("../assets/images/oniza-icon.png") center/cover no-repeat!important;box-shadow:0 0 22px rgba(155,60,255,.28);flex:0 0 auto}
.brandmark::after{display:none!important}
.btn{position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.btn::after{content:"";position:absolute;inset:-2px;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.22) 45%,transparent 70%);transform:translateX(-120%);transition:transform .55s ease}
.btn:hover::after{transform:translateX(120%)}
.btn-primary{background:linear-gradient(135deg,#b94dff 0%,#8f2fff 44%,#5a22ff 100%);color:#fff;box-shadow:0 12px 34px rgba(126,39,255,.30),inset 0 1px 0 rgba(255,255,255,.20)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 17px 42px rgba(126,39,255,.42),0 0 0 1px rgba(213,172,255,.15)}
.btn-secondary{background:linear-gradient(180deg,rgba(31,20,43,.92),rgba(16,10,23,.92));border-color:#38264b;color:#eee8f6;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.btn-secondary:hover{border-color:#68468d;background:linear-gradient(180deg,rgba(43,27,61,.96),rgba(20,12,29,.96));box-shadow:0 10px 30px rgba(90,28,145,.14)}
.card{position:relative;background:linear-gradient(155deg,rgba(255,255,255,.042),rgba(255,255,255,.008) 38%,rgba(107,33,180,.025));border-color:#2a1c38;box-shadow:0 18px 50px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.025);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(360px circle at var(--gx,70%) var(--gy,10%),rgba(177,83,255,.075),transparent 58%);opacity:.9}
.card:hover{border-color:#49305f;box-shadow:0 24px 68px rgba(0,0,0,.30),0 0 34px rgba(103,27,179,.08);transform:translateY(-2px)}
.input,.select,.textarea{background:#0b0710;border-color:#2d2039;color:#f4eff9;box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}
.input:hover,.select:hover,.textarea:hover{border-color:#46305b}
.input:focus,.select:focus,.textarea:focus{border-color:#9b3cff;box-shadow:0 0 0 3px rgba(155,60,255,.14),0 0 24px rgba(139,44,255,.08)}
.badge.pink{color:#d8b7ff;background:rgba(155,60,255,.12);border-color:rgba(174,92,255,.34)}
.progress i{background:linear-gradient(90deg,#5b21ff,#a93fff,#e879ff);box-shadow:0 0 18px rgba(160,57,255,.45)}
.eyebrow{color:#c284ff;text-shadow:0 0 22px rgba(155,60,255,.22)}
.toast{background:rgba(15,9,22,.94);border-color:#3c2850;box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 35px rgba(128,33,200,.12);backdrop-filter:blur(16px)}
.modalback{background:rgba(2,1,4,.76);backdrop-filter:blur(10px)}
.modal{background:linear-gradient(145deg,#110b18,#0b0710);border-color:#402a55;box-shadow:0 38px 120px rgba(0,0,0,.72),0 0 60px rgba(123,36,203,.10)}
.modalhead{border-color:#2e1d3f}
.modalclose{background:#1a1024;border-color:#38254b}

/* Landing page */
.landing{position:relative;overflow-x:hidden;background:#050308}
.landing::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(700px circle at 78% 3%,rgba(119,29,255,.22),transparent 62%),
  radial-gradient(560px circle at 24% 30%,rgba(192,52,255,.08),transparent 65%),
  linear-gradient(180deg,#050308 0%,#07030b 45%,#050308 100%)}
.landing::after{content:"";position:absolute;z-index:-1;top:100px;left:50%;width:1180px;height:1180px;transform:translateX(-50%);border:1px solid rgba(150,64,255,.18);border-radius:50%;box-shadow:0 0 90px rgba(99,28,170,.05),inset 0 0 80px rgba(130,34,220,.035);pointer-events:none;animation:orbitHalo 14s ease-in-out infinite}
.topnav{background:rgba(5,3,8,.68)!important;border-bottom-color:rgba(170,107,255,.10)!important;backdrop-filter:blur(20px) saturate(130%)!important;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.topnav.is-scrolled{background:rgba(5,3,8,.90)!important;border-bottom-color:rgba(170,107,255,.19)!important;box-shadow:0 12px 36px rgba(0,0,0,.28)}
.navlinks a{position:relative;transition:color .2s ease}
.navlinks a::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:linear-gradient(90deg,#a73fff,#6a24ff);box-shadow:0 0 12px rgba(155,60,255,.55);transition:right .22s ease}
.navlinks a:hover{color:#fff}.navlinks a:hover::after{right:0}
.hero{position:relative;padding-top:110px!important;min-height:760px;display:flex;align-items:center}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}
.hero::before{width:450px;height:450px;right:-100px;top:70px;background:radial-gradient(circle,rgba(160,42,255,.17),rgba(97,25,255,.04) 45%,transparent 72%);animation:pulseGlow 7s ease-in-out infinite}
.hero::after{width:250px;height:250px;left:-120px;top:330px;background:radial-gradient(circle,rgba(194,65,255,.08),transparent 70%);animation:pulseGlow 9s ease-in-out infinite reverse}
.hero h1{color:#fbfaff;text-shadow:0 10px 45px rgba(0,0,0,.35)}
.hero h1 span{background:linear-gradient(100deg,#f3d7ff 4%,#c76cff 32%,#8c2fff 62%,#6b39ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 22px rgba(148,52,255,.16))}
.hero p{color:#aaa0b6!important}
.heronote span{display:inline-flex;align-items:center;gap:8px}.heronote span::before{content:"";width:5px;height:5px;border-radius:50%;background:#ae4dff;box-shadow:0 0 12px rgba(174,77,255,.8)}
.mock{border-color:#3c2850!important;background:linear-gradient(145deg,rgba(15,9,22,.96),rgba(8,5,12,.98))!important;box-shadow:0 38px 110px rgba(0,0,0,.68),0 0 90px rgba(117,32,195,.18)!important;transform-style:preserve-3d}
.mock::before{background:radial-gradient(circle at 70% 30%,rgba(169,58,255,.28),rgba(91,33,255,.08) 42%,transparent 70%)!important;filter:blur(80px)!important}
.mocktop{position:relative;background:linear-gradient(90deg,rgba(126,46,210,.08),transparent);border-bottom-color:#2a1c39!important}
.mocktop::before{content:"";position:absolute;left:15px;top:9px;width:24px;height:24px;background:url("../assets/images/oniza-icon.png") center/cover;border-radius:7px;box-shadow:0 0 18px rgba(149,48,255,.32)}
.mocktop::after{content:"ONIZA";position:absolute;left:47px;top:14px;font-size:10px;font-weight:900;letter-spacing:.14em;color:#e7d9f5}
.mline.on{background:rgba(155,60,255,.13)!important;border-color:rgba(171,88,255,.28)!important;box-shadow:inset 3px 0 0 #9b3cff}
.mcard{background:linear-gradient(155deg,#15101d,#0d0912)!important;border-color:#2d2039!important;position:relative;overflow:hidden}
.mcard::after{content:"";position:absolute;left:13px;right:38%;bottom:14px;height:4px;border-radius:10px;background:linear-gradient(90deg,#a83eff,#6127ff);box-shadow:0 0 12px rgba(143,45,255,.28)}
.mchart{background:linear-gradient(180deg,rgba(148,48,255,.10),transparent),#0e0914!important;border-color:#302040!important}
.section{position:relative}.section:nth-of-type(even)::before{content:"";position:absolute;inset:8% 0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(122,36,210,.018),transparent)}
.sectionhead h2,.copy h3{color:#f9f5ff;text-wrap:balance}
.feature .dot{position:relative;background:linear-gradient(145deg,rgba(174,69,255,.20),rgba(90,34,255,.05))!important;border-color:rgba(176,94,255,.34)!important;box-shadow:0 12px 35px rgba(113,29,189,.15),inset 0 1px 0 rgba(255,255,255,.08)}
.feature .dot::before{content:"";position:absolute;inset:10px;border:1px solid #c77cff;border-radius:50%;box-shadow:0 0 12px rgba(167,65,255,.55)}
.paneldemo{position:relative;background:linear-gradient(145deg,rgba(15,9,22,.96),rgba(7,4,11,.98))!important;border-color:#372448!important;box-shadow:0 26px 75px rgba(0,0,0,.35),0 0 55px rgba(111,31,185,.07);overflow:hidden}
.paneldemo::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(320px circle at 90% 0,rgba(157,52,255,.10),transparent 60%)}
.efcanvas{background:#140d1c!important}.efside{background:#0d0912!important}.efbox{background:#17101f!important;border-color:#30203f!important}.efsite{box-shadow:0 18px 42px rgba(0,0,0,.22)}
.kcol,.kcard,.fstat{border-color:#30203f!important}.kcol{background:#0d0912!important}.kcard,.fstat{background:linear-gradient(145deg,#15101d,#0d0912)!important}
.price.reco{border-color:rgba(171,85,255,.58)!important;box-shadow:0 30px 85px rgba(111,31,185,.13),inset 0 1px 0 rgba(255,255,255,.04)!important}
.price.reco::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(216,141,255,.16),transparent 35%,rgba(102,42,255,.12));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}
.faqitem{background:linear-gradient(145deg,#0d0912,#09060d)!important;border-color:#2d2039!important;transition:border-color .2s ease,transform .2s ease}.faqitem:hover{border-color:#4c3165;transform:translateY(-1px)}
.cta{background:linear-gradient(145deg,rgba(23,13,32,.96),rgba(8,5,12,.96))!important;border-color:#422a57!important;box-shadow:0 30px 90px rgba(0,0,0,.36),0 0 70px rgba(120,35,200,.08)}
.cta::before{background:radial-gradient(circle,rgba(162,54,255,.22),rgba(93,30,181,.08) 43%,transparent 68%)!important;filter:blur(50px)!important}
.footer{border-top-color:#281a35!important;background:linear-gradient(180deg,transparent,rgba(13,8,18,.58))}

/* Auth / onboarding */
.authside{position:relative;overflow:hidden;background:
  radial-gradient(circle at 20% 18%,rgba(165,56,255,.17),transparent 31%),
  radial-gradient(circle at 85% 78%,rgba(91,33,255,.10),transparent 36%),
  #09050d!important;border-right-color:#2a1a39!important}
.authside::before{content:"";position:absolute;width:540px;height:540px;right:-170px;bottom:-130px;background:url("../assets/images/oniza-logo.png") center/contain no-repeat;opacity:.13;filter:saturate(1.15) drop-shadow(0 0 44px rgba(145,48,255,.38));pointer-events:none}
.authside::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(135deg,#000,transparent 72%)}
.authside>*{position:relative;z-index:1}.authcopy h1{color:#fbf8ff;text-shadow:0 18px 50px rgba(0,0,0,.28)}
.authbox{padding:30px;border:1px solid rgba(108,70,135,.20);border-radius:22px;background:linear-gradient(145deg,rgba(17,10,24,.62),rgba(8,5,12,.34));box-shadow:0 28px 80px rgba(0,0,0,.22);backdrop-filter:blur(8px)}
.chip{background:#100a17!important;border-color:#30203f!important}.chip:hover{border-color:#5b3a78!important}.chip.active{border-color:#9b3cff!important;background:rgba(155,60,255,.12)!important;box-shadow:0 0 0 2px rgba(155,60,255,.08),0 0 22px rgba(125,38,205,.10)}

/* App */
.sidebar{background:linear-gradient(180deg,rgba(12,7,18,.98),rgba(7,4,11,.99))!important;border-right-color:#291a38!important;box-shadow:18px 0 65px rgba(0,0,0,.20)}
.sidebar::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at 10% 0,rgba(151,47,255,.11),transparent 70%)}
.sidebar>*{position:relative}.nav a{transition:background .18s ease,color .18s ease,transform .18s ease}.nav a:hover{background:rgba(155,60,255,.055)!important;color:#eee8f7!important;transform:translateX(2px)}
.nav a.active{background:linear-gradient(90deg,rgba(155,60,255,.14),rgba(90,31,150,.035))!important;box-shadow:inset 0 0 0 1px rgba(169,82,255,.22),0 0 26px rgba(108,28,184,.06)!important}.nav a.active::before{content:"";width:3px;height:21px;border-radius:99px;background:linear-gradient(#d67dff,#7131ff);box-shadow:0 0 16px rgba(174,74,255,.60);margin-left:-8px}
.topbar{background:rgba(5,3,8,.80)!important;border-bottom-color:#251731!important;backdrop-filter:blur(20px) saturate(130%)!important}
.searchbar,.iconbtn{background:linear-gradient(180deg,#110b18,#0b0710)!important;border-color:#30203f!important}.searchbar:hover,.iconbtn:hover{border-color:#503369!important;box-shadow:0 0 25px rgba(112,29,190,.08)}
.content{position:relative}.content::before{content:"";position:fixed;right:-80px;top:80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(134,38,235,.055),transparent 72%);pointer-events:none}
.stat{overflow:hidden}.stat::before{content:"";position:absolute;left:0;top:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(192,111,255,.38),transparent);opacity:.55}.stat .num{color:#f8f4ff}.shortcut{background:linear-gradient(145deg,#100a16,#0b0710)!important;border-color:#2b1d3a!important;transition:.18s}.shortcut:hover{border-color:#54356f!important;background:linear-gradient(145deg,#170e20,#0e0914)!important;transform:translateY(-1px)}
.tabs{border-color:#261831!important}.tab.active{border-color:#9b3cff!important;color:#fff;text-shadow:0 0 12px rgba(155,60,255,.24)}
.kan-col{background:linear-gradient(180deg,#0c0811,#08050c)!important;border-color:#2a1b37!important}.meeting-card{background:linear-gradient(145deg,#130c1b,#0c0811)!important;border-color:#30203f!important;transition:.18s}.meeting-card:hover{border-color:#55366f!important;box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 24px rgba(109,29,184,.06)}
.notification{background:linear-gradient(145deg,#0f0915,#09060d)!important;border-color:#2b1c39!important}.notification.unread{border-color:rgba(164,73,255,.34)!important;background:linear-gradient(145deg,rgba(155,60,255,.075),rgba(10,6,14,.95))!important}.notification.unread .ni{color:#d09cff!important;background:rgba(155,60,255,.10)!important}
.lock-page .lock-icon{background:rgba(155,60,255,.10)!important;border-color:rgba(164,75,255,.27)!important;color:#ca8cff!important;box-shadow:0 0 35px rgba(120,31,202,.12)}
.price-card.featured{border-color:rgba(174,87,255,.56)!important;box-shadow:0 0 0 1px rgba(155,60,255,.08),0 28px 78px rgba(96,24,166,.12)!important}
.command{background:linear-gradient(145deg,#110b18,#09060d)!important;border-color:#422b58!important;box-shadow:0 34px 110px rgba(0,0,0,.68),0 0 55px rgba(118,32,199,.10)!important}.cmd-item:hover{background:rgba(155,60,255,.075)!important}

/* Editor */
.editor-app{background:#060309!important}.editor-top{background:rgba(10,6,14,.98)!important;border-bottom-color:#2a1b37!important;box-shadow:0 10px 28px rgba(0,0,0,.20)}
.editor-top .brandmark{width:28px!important;height:28px!important}.editor-left,.editor-right{background:linear-gradient(180deg,#0e0914,#09060d)!important}.editor-left{border-right-color:#291a37!important}.editor-right{border-left-color:#291a37!important}.panel-title{background:rgba(14,9,20,.96)!important;border-bottom-color:#291a37!important;backdrop-filter:blur(12px)}
.left-tabs{border-bottom-color:#291a37!important}.left-tabs button.active{background:rgba(155,60,255,.10)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(161,73,255,.16)}
.block-btn{background:linear-gradient(145deg,#120b19,#0b0710)!important;border-color:#2b1c39!important}.block-btn:hover{border-color:rgba(174,87,255,.44)!important;background:rgba(155,60,255,.07)!important;box-shadow:0 0 25px rgba(102,27,177,.06)}
.structure-item{background:#100a16!important}.structure-item.active{border-color:rgba(174,80,255,.36)!important;background:rgba(155,60,255,.08)!important}
.editor-stage{background-color:#100b16!important;background-image:linear-gradient(rgba(196,132,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(196,132,255,.025) 1px,transparent 1px),radial-gradient(circle at 50% 10%,rgba(131,39,222,.06),transparent 48%)!important;background-size:28px 28px,28px 28px,auto!important}
.canvas-wrap{box-shadow:0 26px 90px rgba(0,0,0,.46),0 0 60px rgba(118,33,200,.08)!important}
.device-group{background:#130d1a!important;border-color:#30203f!important}.device-group button.active{background:linear-gradient(145deg,#51306f,#2f1d43)!important;box-shadow:0 0 22px rgba(126,38,207,.14)}

/* Scroll / hover effects */
.fx-reveal{opacity:0;transform:translateY(22px) scale(.992);transition:opacity .7s cubic-bezier(.2,.65,.25,1),transform .7s cubic-bezier(.2,.65,.25,1)}
.fx-reveal.fx-visible{opacity:1;transform:none}
.fx-stars{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.fx-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#d7adff;box-shadow:0 0 9px rgba(186,102,255,.85);opacity:.22;animation:starFloat var(--sd,8s) ease-in-out infinite var(--delay,0s)}
.hero .container,.section .container{position:relative;z-index:1}
@keyframes orbitHalo{0%,100%{transform:translateX(-50%) scale(1);opacity:.75}50%{transform:translateX(-50%) scale(1.025);opacity:1}}
@keyframes pulseGlow{0%,100%{transform:scale(.96);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@keyframes starFloat{0%,100%{transform:translateY(0);opacity:.16}50%{transform:translateY(-10px);opacity:.55}}

@media(max-width:900px){.landing::after{width:780px;height:780px}.hero{min-height:auto}.authbox{padding:24px}.card:hover{transform:none}}
@media(max-width:620px){.brandmark{width:31px;height:31px}.hero{padding-top:72px!important}.landing::after{top:140px;width:560px;height:560px}.hero::before{width:300px;height:300px;right:-150px}.authbox{padding:20px;border-radius:18px}.nav a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.fx-reveal{opacity:1!important;transform:none!important;transition:none!important}.mock{transform:none!important}}