*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--indigo-deep:#3b3f6b;--indigo-mid:#4e5588;--lavender:#8b90b8;--lavender-light:#c5c8e0;--lavender-pale:#e8e9f5;--coral:#e8786a;--coral-dark:#c95f52;--coral-light:#f0988c;--ink:#2a2d45;--paper:#fdfcfa;--gold-glow:#f5e6c8;--white-soft:#faf9f6;--card-bg:rgba(255,255,255,0.82);--card-shadow:0 2px 16px rgba(58,50,80,0.10);--card-shadow-hover:0 6px 28px rgba(58,50,80,0.16);--trust-glow:0 0 0 2px rgba(232,120,106,0.35),0 0 20px rgba(232,120,106,0.15);--font-main:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-main);font-weight:400;line-height:1.5;color:var(--ink);background:linear-gradient(172deg,#474e7c 0,#5b638f 18%,#7b81a8 40%,#9da3c2 62%,#bdc2d9 78%,#d5d8ea 90%,#e4e6f2 100%);background-attachment:fixed;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::before{content:'';position:fixed;top:-60%;left:-30%;width:160%;height:160%;background:radial-gradient(ellipse at 35% 25%,rgba(255,255,255,0.10) 0,transparent 45%),radial-gradient(ellipse at 65% 55%,rgba(255,240,220,0.07) 0,transparent 40%),radial-gradient(ellipse at 20% 70%,rgba(210,200,240,0.09) 0,transparent 35%);pointer-events:none;z-index:0;animation:shimmer 10s ease-in-out infinite}@keyframes shimmer{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(1.5%,-1%) scale(1.02)}50%{transform:translate(-1%,1.5%) scale(1.01)}75%{transform:translate(-1.5%,-0.5%) scale(1.015)}}body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,0.012) 2px,rgba(255,255,255,0.012) 4px);opacity:.5}.page-wrapper{position:relative;z-index:1;width:100%;max-width:920px;padding:clamp(16px,2.5vw,32px) clamp(12px,2vw,28px);display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6vh,20px);min-height:100vh;min-height:100dvh;justify-content:center}.logo-wrap{display:flex;align-items:center;gap:8px;margin-bottom:clamp(2px,0.5vh,8px)}.logo-wrap img{height:clamp(32px,4.5vw,44px);width:auto;display:block}.logo-text{font-weight:700;font-size:clamp(1rem,2vw,1.25rem);color:var(--white-soft);letter-spacing:.02em;opacity:.9}.floating-badge{position:absolute;top:clamp(60px,8vh,100px);right:clamp(16px,4vw,48px);z-index:5;background:var(--paper);color:var(--ink);font-size:clamp(0.7rem,1.2vw,0.82rem);font-weight:700;padding:6px 14px;border-radius:20px;border:1.5px dashed var(--lavender);box-shadow:0 3px 12px rgba(58,50,80,0.12);opacity:0;transform:translateY(-8px) rotate(-2deg);animation:badgeFadeIn .7s .6s cubic-bezier(0.22,0.61,0.36,1) forwards;pointer-events:none;white-space:nowrap;letter-spacing:.01em}@keyframes badgeFadeIn{to{opacity:1;transform:translateY(0) rotate(-1.5deg)}}.hero-section{display:flex;align-items:center;gap:clamp(18px,3vw,36px);flex-wrap:wrap;justify-content:center;width:100%;max-width:800px}.hero-text{flex:1 1 280px;min-width:260px;text-align:center}.hero-text h1{font-weight:700;font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.2;color:var(--white-soft);text-shadow:0 2px 8px rgba(30,28,50,0.25);letter-spacing:-0.01em;position:relative;display:inline-block}.hero-text h1::after{content:'';position:absolute;bottom:-6px;left:5%;width:90%;height:3px;background:var(--coral-light);border-radius:2px;opacity:.7;transform:rotate(-0.3deg)}.hero-sub{font-size:clamp(0.9rem,1.4vw,1.1rem);color:var(--lavender-pale);margin-top:clamp(8px,1.5vh,14px);opacity:.9;letter-spacing:.01em;line-height:1.4}.sketch-preview{flex:0 0 clamp(100px,15vw,150px);width:clamp(100px,15vw,150px);height:clamp(100px,15vw,150px);border-radius:50%;background:var(--card-bg);box-shadow:var(--card-shadow),inset 0 0 30px rgba(180,170,200,0.2);position:relative;overflow:hidden;cursor:default;transition:transform .15s ease-out;will-change:transform;border:3px solid rgba(255,255,255,0.55)}.sketch-preview::before{content:'';position:absolute;inset:8px;border-radius:50%;border:1.5px dashed rgba(140,130,170,0.35);pointer-events:none;z-index:3}.sketch-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .6s ease;pointer-events:none}.sketch-layer.active{opacity:1}.sketch-face{width:55%;height:65%;border-radius:50% 50% 45% 45%;background:#f5ede0;position:relative;box-shadow:inset 0 3px 6px rgba(180,160,140,0.3)}.sketch-eyes{position:absolute;top:32%;left:50%;transform:translateX(-50%);display:flex;gap:16px}.sketch-eye{width:10px;height:14px;border-radius:50%;background:var(--ink)}.sketch-eye.cyber{width:12px;height:6px;border-radius:3px;background:#3b3f6b;box-shadow:0 0 4px rgba(80,120,200,0.5)}.sketch-eye.magical{width:11px;height:11px;border-radius:50%;background:#5b3a7c;box-shadow:0 0 6px rgba(180,140,220,0.5)}.sketch-eye.elf{width:8px;height:15px;border-radius:4px;background:#3d5a3d;transform:rotate(3deg)}.sketch-eye.mecha{width:13px;height:5px;border-radius:2px;background:#4a4a5a;box-shadow:0 0 3px rgba(150,180,220,0.6)}.sketch-mouth{position:absolute;bottom:22%;left:50%;transform:translateX(-50%);width:14px;height:5px;border-radius:0 0 8px 8px;border-bottom:2px solid #c9a0a0}.sketch-hair{position:absolute;top:-8%;left:-5%;width:110%;height:55%;border-radius:50% 50% 0 0;pointer-events:none}.sketch-hair.cyber{background:linear-gradient(180deg,#2a3a5c 0,#3d5280 60%,transparent 100%);clip-path:polygon(0 0,100% 0,95% 60%,80% 30%,65% 55%,50% 25%,35% 50%,20% 28%,5% 55%)}.sketch-hair.magical{background:linear-gradient(180deg,#6b3a7c 0,#9b5ab8 50%,#c8a0dd 80%,transparent 100%);clip-path:polygon(0 5%,100% 5%,92% 50%,78% 20%,62% 48%,48% 18%,32% 45%,18% 22%,8% 50%)}.sketch-hair.elf{background:linear-gradient(180deg,#8b9a5b 0,#b5c47a 55%,transparent 100%);clip-path:polygon(0 10%,100% 10%,88% 40%,72% 15%,55% 42%,40% 12%,25% 38%,12% 18%,5% 42%)}.sketch-hair.mecha{background:linear-gradient(180deg,#5a5a6e 0,#7a7a90 50%,transparent 100%);clip-path:polygon(0 0,100% 0,100% 35%,85% 30%,70% 40%,55% 28%,40% 38%,25% 30%,10% 38%,0 30%)}.sketch-label{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:700;color:var(--white-soft);white-space:nowrap;text-shadow:0 1px 3px rgba(30,28,50,0.3);letter-spacing:.02em;opacity:0;transition:opacity .4s ease}.sketch-label.active{opacity:.9}.activity-ticker{font-size:clamp(0.7rem,1.1vw,0.8rem);color:var(--lavender-pale);font-style:italic;opacity:.8;text-align:center;letter-spacing:.015em;min-height:1.4em;transition:opacity .5s ease;transform:skewX(-1deg);max-width:500px}@media(max-width:600px){.activity-ticker{transform:none;min-height:auto}}.trust-badge{display:inline-flex;align-items:center;gap:clamp(6px,1vw,12px);padding:clamp(6px,1vh,10px) clamp(14px,2vw,22px);border-radius:28px;background:rgba(255,255,255,0.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:var(--trust-glow);font-weight:700;font-size:clamp(0.68rem,1vw,0.8rem);color:var(--ink);letter-spacing:.01em;white-space:nowrap;flex-wrap:wrap;justify-content:center;animation:trustPulse 3s ease-in-out infinite}@keyframes trustPulse{0%,100%{box-shadow:0 0 0 2px rgba(232,120,106,0.35),0 0 20px rgba(232,120,106,0.15)}50%{box-shadow:0 0 0 3px rgba(232,120,106,0.5),0 0 30px rgba(232,120,106,0.25)}}.trust-badge span{display:inline-flex;align-items:center;gap:4px}.trust-sep{width:4px;height:4px;border-radius:50%;background:var(--lavender);flex-shrink:0}.cards-row{display:flex;gap:clamp(10px,1.8vw,20px);flex-wrap:wrap;justify-content:center;width:100%;max-width:760px}.tool-card{flex:1 1 180px;min-width:150px;max-width:220px;background:var(--card-bg);border-radius:16px;padding:clamp(14px,2vw,22px) clamp(12px,1.5vw,18px);box-shadow:var(--card-shadow);text-align:center;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;position:relative;outline:none;border:2px solid transparent;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;gap:8px}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-4px) rotate(0.3deg);box-shadow:var(--card-shadow-hover);border-color:rgba(200,180,220,0.5)}.tool-card:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.tool-card-icon{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1;display:block}.tool-card h3{font-weight:700;font-size:clamp(0.85rem,1.3vw,1rem);color:var(--ink);letter-spacing:.01em}.tool-card p{font-size:clamp(0.7rem,0.95vw,0.78rem);color:#5a5d78;line-height:1.35;opacity:.85}.cta-wrap{position:sticky;bottom:clamp(8px,1.5vh,16px);z-index:10;margin-top:clamp(4px,1vh,12px)}@media(min-width:769px){.cta-wrap{position:relative;bottom:auto;margin-top:clamp(6px,1.2vh,14px)}}.cta-button{display:inline-block;background:var(--coral);color:#fff;font-weight:700;font-size:clamp(1rem,1.8vw,1.2rem);padding:clamp(12px,1.8vh,16px) clamp(28px,4vw,44px);border-radius:32px;text-decoration:none;letter-spacing:.02em;position:relative;cursor:pointer;border:none;outline:none;box-shadow:0 4px 18px rgba(200,100,80,0.35);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;overflow:visible;text-align:center;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.cta-button::after{content:'';position:absolute;top:6px;right:8px;width:0;height:0;border-style:solid;border-width:0 16px 12px 0;border-color:transparent rgba(0,0,0,0.08) transparent transparent;opacity:0;transition:opacity .2s ease,border-width .2s ease;pointer-events:none;border-radius:0 0 3px 0}.cta-button:hover::after,.cta-button:focus-visible::after{opacity:1;border-width:0 20px 15px 0}.cta-button:hover,.cta-button:focus-visible{transform:translateY(-3px) rotate(-0.5deg);box-shadow:0 8px 28px rgba(200,100,80,0.45);background:var(--coral-dark)}.cta-button:focus-visible{outline:3px solid rgba(255,255,255,0.7);outline-offset:4px}.cta-button:active{transform:translateY(-1px) scale(0.97);box-shadow:0 2px 8px rgba(200,100,80,0.4)}.ink-ripple{position:absolute;border-radius:50%;background:rgba(40,35,60,0.25);pointer-events:none;animation:rippleOut .7s ease-out forwards;z-index:0}@keyframes rippleOut{0%{width:0;height:0;opacity:.7}100%{width:200px;height:200px;opacity:0;margin-left:-100px;margin-top:-100px}}footer{text-align:center;font-size:.7rem;color:var(--lavender-light);opacity:.7;letter-spacing:.02em;padding:clamp(4px,0.8vh,10px) 0}.cherry-blossom{position:fixed;pointer-events:none;z-index:0;font-size:1.2rem;opacity:.55;animation:blossomFall linear infinite}@keyframes blossomFall{0%{transform:translateY(-10vh) rotate(0deg) translateX(0);opacity:.6}25%{transform:translateY(25vh) rotate(90deg) translateX(30px);opacity:.5}50%{transform:translateY(55vh) rotate(180deg) translateX(-20px);opacity:.4}75%{transform:translateY(80vh) rotate(270deg) translateX(25px);opacity:.25}100%{transform:translateY(105vh) rotate(360deg) translateX(-10px);opacity:.05}}@media(prefers-reduced-motion:reduce){.cherry-blossom,.sketch-layer,body::before,.trust-badge{animation:none!important;transition:none!important}.cta-button::after{transition:none!important}.sketch-preview{transition:none!important;will-change:auto}.tool-card{transition:none!important}.floating-badge{animation:none!important;opacity:1;transform:translateY(0) rotate(-1.5deg)}@keyframes trustPulse{0%,100%{box-shadow:0 0 0 2px rgba(232,120,106,0.35),0 0 20px rgba(232,120,106,0.15)}50%{box-shadow:0 0 0 2px rgba(232,120,106,0.35),0 0 20px rgba(232,120,106,0.15)}}@keyframes shimmer{0%,100%{transform:translate(0,0) scale(1)}25%,75%{transform:translate(0,0) scale(1)}}}@media(max-width:600px){.page-wrapper{gap:clamp(6px,1vh,12px);padding:10px 8px;justify-content:flex-start;padding-top:clamp(40px,8vh,60px)}.hero-section{flex-direction:column;gap:12px}.sketch-preview{flex:0 0 90px;width:90px;height:90px}.floating-badge{top:8px;right:8px;font-size:.65rem;padding:4px 10px}.cards-row{gap:8px}.tool-card{flex:1 1 100px;min-width:90px;max-width:160px;padding:10px 8px;border-radius:12px;gap:4px}.cta-wrap{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent 0,rgba(71,78,124,0.85) 40%,rgba(71,78,124,0.95) 100%);padding:14px 16px 18px;margin:0;z-index:20;display:flex;justify-content:center}.cta-button{width:100%;max-width:340px;text-align:center;border-radius:28px;font-size:1rem;padding:13px 24px}footer{padding-bottom:90px}}@media(max-width:380px){.tool-card{flex:1 1 80px;min-width:70px;max-width:130px;padding:8px 6px;font-size:.65rem}.tool-card h3{font-size:.72rem}.tool-card p{font-size:.62rem}.sketch-preview{flex:0 0 70px;width:70px;height:70px}.trust-badge{font-size:.6rem;gap:4px;padding:5px 10px;border-radius:20px}}@media(pointer:coarse){.sketch-preview{transition:none!important;will-change:auto}}