:root{--n3-accent:#0d9488;--n3-accent-dark:#0f766e;--n3-accent-soft:#0d94881f}.n3Scope{width:min(1120px,100%);margin:0 auto;padding:22px 16px 44px}.n3-hero{text-align:center;padding:18px 14px 14px}.n3-kicker{letter-spacing:.14em;color:#0f172a;opacity:.78;margin:0 0 8px;font-size:12px;font-weight:900}.n3-title{color:#0f172a;letter-spacing:.02em;margin:0;font-size:clamp(30px,4vw,46px);line-height:1.15}.n3-subtitle{color:#475569;max-width:900px;margin:12px auto 0;font-size:14px;line-height:1.9}.n3-heroLead{color:#475569;text-align:center;max-width:720px;margin:14px auto 0;font-size:15px;line-height:1.9}.n3-heroCtas{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}.n3-cta{color:#134e4a;background:linear-gradient(#ccfbf1eb 0%,#f0fdfad9 100%);border:1px solid #0d94884d;border-radius:9999px;justify-content:center;align-items:center;padding:10px 16px;font-weight:900;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex;box-shadow:0 10px 24px #0d94881f}.n3-cta:hover{border-color:#0d94888c;transform:translateY(-1px);box-shadow:0 14px 30px #0d94882e}.n3-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.n3-card{color:inherit;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #dbe3ee;border-radius:18px;padding:16px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:block;position:relative;overflow:hidden;box-shadow:0 2px 10px #0f172a0d}.n3-card:before{content:"";background:var(--n3-accent);opacity:.92;border-radius:18px 0 0 18px;width:6px;height:100%;position:absolute;top:0;left:0}.n3-card:hover{border-color:#0d948859;transform:translateY(-2px);box-shadow:0 14px 30px #0f172a1f}.n3-cardTitle{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:900}.n3-cardDesc{color:#334155;margin:0;font-size:14px;line-height:1.8}.n3-ctaLine{color:var(--n3-accent-dark);margin-top:12px;font-size:13px;font-weight:900}.n3-panel{background:#ffffffdb;border:1px solid #94a3b859;border-radius:18px;margin-top:18px;padding:16px;box-shadow:0 10px 26px #0f172a0f}.n3-panel h2{color:#0f172a;text-align:left;margin:0 0 10px;font-size:16px;font-weight:900}.n3-panel p,.n3-panel li{color:#334155;font-size:14px;line-height:1.85}.n3-note{color:#64748b;margin-top:10px;font-size:12px;line-height:1.75}@property --n3-glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes n3GlowSpin{to{--n3-glow-angle:360deg}}@keyframes n3GlowPulse{0%,to{opacity:.55;filter:blur(3px)}50%{opacity:.75;filter:blur(5px)}}.n3-card{z-index:0;overflow:visible}.n3-card:after{content:"";background:conic-gradient(from var(--n3-glow-angle),#0d9488 0%,#14b8a6 20%,#2dd4bf 40%,#f59e0b 60%,#ef4444 80%,#0d9488 100%);-webkit-mask-composite:xor;z-index:-1;opacity:.85;border-radius:20px;padding:3px;animation:3s linear infinite n3GlowSpin,2s ease-in-out infinite n3GlowPulse;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.n3Scope .guideContent{--guide-accent:#0d9488;--guide-accent-soft:#0d948838;--guide-accent-dark:#0f766e;--guide-rec-bg-top:#ccfbf180;--guide-rec-bg-bottom:#f8fafccc}.n3-cards-sp{display:none}@media (max-width:520px){.n3-cards-pc{display:none!important}.n3-cards-sp{flex-direction:column;gap:8px;display:flex}}.n3-sp-card{border:1px solid #ffffff40;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:transform .18s,box-shadow .18s;animation:3s ease-in-out infinite n3SpFloat,2.5s ease-in-out infinite n3SpGlow;display:flex;transform:translateY(0);box-shadow:0 8px 24px #0f172a33,0 0 12px #0d948826,inset 0 1px #fff3}.n3-sp-card:first-child{animation-delay:0s,0s}.n3-sp-card:nth-child(2){animation-delay:.15s,.15s}.n3-sp-card:nth-child(3){animation-delay:.3s,.3s}.n3-sp-card:nth-child(4){animation-delay:.45s,.45s}.n3-sp-card:nth-child(5){animation-delay:.6s,.6s}@keyframes n3SpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes n3SpGlow{0%,to{border-color:#ffffff40;box-shadow:0 8px 24px #0f172a33,0 0 12px #0d948826,inset 0 1px #fff3}50%{border-color:#ffffff73;box-shadow:0 8px 24px #0f172a33,0 0 22px #0d948859,inset 0 1px #ffffff4d}}.n3-sp-card:active{animation:none;transform:translateY(1px)!important}.n3-sp-card-icon{filter:drop-shadow(0 2px 4px #00000026);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.n3-sp-card-title{color:#f8fbff;text-shadow:0 1px 3px #00000026;flex:1;font-size:1rem;font-weight:800;line-height:1.3}.n3-sp-card-arrow{color:#ffffff80;flex-shrink:0;font-size:1.4rem;font-weight:300}@media (max-width:900px){.n3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.n3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.n3-cardDesc,.n3-ctaLine{display:none}.n3-howto-grid{grid-template-columns:1fr!important}.n3-howto-grid .n3-cardDesc{font-size:13px;line-height:1.8;display:block!important}.n3-howto-grid .n3-ctaLine{display:block!important}.n3-card{min-height:auto;padding:16px}}