/* Tema pastel gradien */
:root{--bg:#F6F4FF;--card:rgba(255,255,255,.88);--tx:#14123D;--tx2:#6B7194;--bd:#E4E1F5;--pri:#4F6BF6;--hov:#3B55E0;--grad:linear-gradient(90deg,#3FA9FF,#7C5CFF 42%,#F062C0 76%,#FFB547);--gb:linear-gradient(90deg,#3FA9FF,#F062C0);--soft:#ECEBFF}
html{background:#F8F6FF}body{background:transparent!important;color:var(--tx)}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 38% at 0% 0%,#C9D3FF,transparent 70%),radial-gradient(50% 34% at 100% 6%,#EBCBFF,transparent 70%),radial-gradient(45% 34% at 0% 52%,#FFD9B0,transparent 70%),radial-gradient(55% 38% at 100% 62%,#D5C8FF,transparent 70%),radial-gradient(60% 38% at 18% 100%,#FFC9E3,transparent 70%),radial-gradient(50% 34% at 100% 100%,#BFE0FF,transparent 70%),#F8F6FF}
.card,.hero,.c{background:var(--card);border:1px solid rgba(255,255,255,.95);border-radius:28px;box-shadow:0 10px 28px rgba(110,90,200,.14)}
.c.hl{border:2px solid #A98BFF}
.av{background:linear-gradient(135deg,#3FA9FF,#8B5CF6 55%,#F062C0)!important;box-shadow:0 6px 14px rgba(139,92,246,.35)}
h2{color:var(--tx)}.sub,.tag{color:var(--tx2)}
.logo{font-weight:800;color:var(--tx)}.logo b{color:#3B6CF6}
.logo svg rect:nth-child(1){fill:#3FA9FF}.logo svg rect:nth-child(2){fill:#7C5CFF}.logo svg rect:nth-child(3){fill:#F062C0}.logo svg rect:nth-child(4){fill:#FFB547}
input,textarea,select{background:#fff;border:1px solid var(--bd);border-radius:18px;color:var(--tx)}
input:focus,textarea:focus,select:focus{border-color:#8B7CFF;box-shadow:0 0 0 3px rgba(124,92,255,.18)}
.f input{border-radius:999px;padding:14px 52px 14px 58px}
.f .i{left:10px;width:34px;height:34px;padding:7px;border-radius:50%;background:var(--soft);color:#27308F}
.eye .i{position:static!important;transform:none!important;width:22px;height:22px;padding:0;background:none;color:var(--tx2)}
.b,.btn{background:var(--grad)!important;border:0!important;color:#fff!important;border-radius:999px;box-shadow:0 8px 20px rgba(124,92,255,.32);padding:15px 22px}
.b:hover,.btn:hover{filter:brightness(.95)}
.b.o,.btn.o{background:linear-gradient(#fff,#fff) padding-box,var(--gb) border-box!important;border:1.5px solid transparent!important;color:#8B3FD9!important;box-shadow:none}
.btn[aria-disabled]{background:#E4E1F5!important;color:var(--tx2)!important;box-shadow:none;pointer-events:none}
.row .b{padding:0 22px}
.u,.m.u{background:var(--grad)!important;color:#fff}
.m.a,.a{background:#fff}.hero h1 b,.pr{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pill,.pill2{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#16A34A;background:#E3F8EC;border:0;border-radius:999px;padding:4px 12px}.pill i,.pill2 i{width:8px;height:8px;border-radius:50%;background:#16A34A}.pill2{margin-bottom:14px}
.gt{color:#3B6CF6}
.feat{border-top:1px solid var(--bd)}.feat div{font-size:13px;color:var(--tx);font-weight:500}
.feat .i{width:46px;height:46px;padding:12px;border-radius:50%}
.feat div:nth-child(1) .i{background:#F3E4FF;color:#A53DFF}.feat div:nth-child(2) .i{background:#DDF6E8;color:#16A34A}.feat div:nth-child(3) .i{background:#FFEBD6;color:#F08A24}
.pw{text-align:center;color:var(--tx2);font-size:13px;margin-top:16px}
.foot,.ft{color:var(--tx);font-style:italic;font-size:13px}
body.auth .wrap{padding-top:max(52px,8vh);max-width:480px}
body.auth .hero,body.auth header .pill,body.auth #pw0{display:none}
body.auth .logo{font-size:38px}body.auth .tag{font-size:15px;max-width:62%;margin:6px 0 26px}
#auth{position:relative;z-index:1}
#auth .card{width:80%;max-width:420px;margin:0 auto 16px;position:relative}
#auth .b:not(.o){display:flex;align-items:center;justify-content:center;gap:12px}
#auth .b:not(.o)::after{content:"\2192";width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.3);display:grid;place-items:center}
.deco{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.deco>*{position:absolute}
.hw1,.hw2{font-family:"Segoe Script","Bradley Hand","Comic Sans MS","Dancing Script",cursive;color:#1E1B4B}
.hw1{left:5vw;top:3.5vh;font-size:22px;transform:rotate(-9deg)}.hw1 span,.hw2 span{color:#F062C0}
.hw2{right:4vw;top:3vh;font-size:13px;line-height:1.35;transform:rotate(-7deg);text-align:left}
.robot{right:2vw;top:11vh;width:min(25vw,130px)}
.plant{left:-3vw;top:33vh;width:min(18vw,84px)}
.sticky{right:-1vw;top:35vh;width:min(23vw,112px);padding:14px 10px;background:#FFE27A;color:#3B3A6B;font:italic 15px/1.2 "Segoe Script","Bradley Hand","Comic Sans MS",cursive;transform:rotate(6deg);box-shadow:0 4px 10px rgba(0,0,0,.12)}
.sticky::before{content:"";position:absolute;left:30%;top:-8px;width:40%;height:14px;background:#F9A8D4;opacity:.85}
.cup{right:-1vw;bottom:9vh;width:min(22vw,100px)}.laptop{left:-5vw;bottom:8vh;width:min(32vw,150px)}
.ht{font-style:normal;color:#C48CFF}.h1{left:7vw;top:40vh;font-size:18px}.h2{left:3vw;bottom:34vh;font-size:22px;color:#F9A8D4}.h3{right:6vw;top:56vh;font-size:20px;color:#A98BFF}