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