.ysign-hero{position:relative;padding:5.5rem 1.25rem 4.5rem;text-align:center;background:#09090f;color:#fff;overflow:hidden;scroll-margin-top:52px}.ysign-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(99,102,241,.45) 0%,transparent 45%),radial-gradient(circle at 90% 80%,rgba(168,85,247,.4) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(52,211,153,.25) 0%,transparent 50%);filter:blur(60px);z-index:0;transform:scale(1.1) translateZ(0);will-change:transform;backface-visibility:hidden}.ysign-hero-inner{position:relative;z-index:1;max-width:800px;margin:0 auto}.ysign-hero h1{font-size:2.8rem;font-weight:800;letter-spacing:-.04em;line-height:1.15;margin-bottom:.8rem;background:linear-gradient(135deg,#fff 30%,#a855f7 70%,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleGlow 4s ease-in-out infinite alternate}@keyframes titleGlow{0%{text-shadow:0 0 20px rgba(168,85,247,0)}to{text-shadow:0 0 20px rgba(168,85,247,.2)}}.ysign-hero p{font-size:1.1rem;color:#ffffffa6;max-width:520px;margin:0 auto 2rem;line-height:1.6}.btn-hero-cta{display:inline-flex;align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:700;font-size:.95rem;padding:.85rem 2rem;border-radius:30px;border:none;cursor:pointer;box-shadow:0 4px 18px #6366f173;transition:transform .2s,box-shadow .2s;text-decoration:none}.btn-hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f199}.ysign-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding:2.5rem 1.25rem 3rem;max-width:580px;margin:0 auto}@media (min-width: 768px){.ysign-grid{grid-template-columns:1fr 1fr;max-width:900px}}.setup-card{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.4);border-radius:20px;box-shadow:0 10px 40px #00000026;padding:2.5rem 2rem;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s cubic-bezier(.165,.84,.44,1),border-color .4s cubic-bezier(.165,.84,.44,1),background-color .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;will-change:transform}:global([data-theme=dark]) .setup-card{background:#1c1c22bf;border:1.5px solid rgba(255,255,255,.06);box-shadow:0 10px 40px #00000040}.setup-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 60%);opacity:0;transition:opacity .5s ease;z-index:0;pointer-events:none}.setup-card.ksign-card:before{background:radial-gradient(circle,rgba(236,72,153,.08) 0%,transparent 60%)}.setup-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #6366f126;border-color:#6366f159}.setup-card.ksign-card:hover{box-shadow:0 20px 40px #ec489926;border-color:#ec489959}.setup-card:hover:before{opacity:1}.setup-card>*{position:relative;z-index:1}.setup-logo{width:90px;height:90px;border-radius:20px;box-shadow:0 8px 24px #6366f140;margin-bottom:1.2rem;border:3px solid rgba(255,255,255,.15);animation:bouncePulse 3s ease-in-out infinite;will-change:transform}.ksign-logo{animation-delay:1.5s}.setup-title{font-size:1.5rem;font-weight:800;color:var(--label);margin-bottom:.5rem;letter-spacing:-.02em;border-bottom:none;padding-bottom:0;display:flex;align-items:center;gap:.5rem;justify-content:center}.setup-desc{font-size:.88rem;color:var(--label2);margin-bottom:1.5rem;line-height:1.5;max-width:320px}.dl-badge-wrap{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.8rem}.dl-badge{font-size:.78rem;font-weight:700;padding:.4rem .85rem;border-radius:30px;letter-spacing:.02em;transition:all .3s ease;background:#6366f114;color:#6366f1;border:1px solid rgba(99,102,241,.2)}.ksign-card .dl-badge{background:#ec489914;color:#ec4899;border:1px solid rgba(236,72,153,.2)}.setup-card:hover .dl-badge{transform:translateY(-2px) scale(1.03);box-shadow:0 4px 10px #6366f11f}.setup-card.ksign-card:hover .dl-badge{box-shadow:0 4px 10px #ec48991f}.btn-submit-install{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1.05rem;font-weight:800;width:100%;max-width:320px;padding:.95rem 1.8rem;border-radius:30px;border:none;cursor:pointer;box-shadow:0 4px 20px #6366f14d;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:.02em}.btn-submit-install:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #6366f180}.btn-submit-install.btn-ksign{background:linear-gradient(135deg,#ec4899,#8b5cf6);box-shadow:0 4px 20px #ec48994d}.btn-submit-install.btn-ksign:hover:not(:disabled){box-shadow:0 8px 30px #ec489980}.btn-action-wrap{width:100%;max-width:320px;margin-top:1.2rem}.btn-input-action{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;font-size:.88rem;width:100%;height:42px;border-radius:30px;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s;white-space:nowrap;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b98140;text-decoration:none}.btn-input-action:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}@keyframes bouncePulse{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 480px){.setup-card{padding:1.8rem 1.2rem}.setup-logo{width:80px;height:80px}}
