@layer theme,base;@layer components{.f{font-family:var(--font-fraunces), Georgia, serif}.hw{font-family:var(--font-caveat), cursive}.wrap{box-sizing:border-box;max-width:1200px;margin:0 auto;padding-left:clamp(16px,4vw,32px);padding-right:clamp(16px,4vw,32px)}.tape{clip-path:polygon(0 12%,3% 0,50% 6%,97% 0,100% 14%,98% 50%,100% 88%,96% 100%,50% 94%,4% 100%,0 86%,2% 50%);font-family:var(--font-caveat), cursive;color:#2d1b3d;background-color:#f26b8d52;background-image:repeating-linear-gradient(90deg,#fff6 0 6px,#0000 6px 14px);padding:6px 22px 8px;font-size:28px;font-weight:700;line-height:1.1;display:inline-block;transform:rotate(-2deg)}.tape-u{background-color:#77589d3d}.h2{font-family:var(--font-fraunces), Georgia, serif;letter-spacing:-.015em;margin:0;font-size:clamp(36px,4.2vw,54px);font-weight:600;line-height:1.05}.lede{color:#5e4b6b;margin:0;font-size:18px;line-height:1.65}.btn{box-sizing:border-box;border-radius:999px;align-items:center;gap:12px;min-height:64px;padding:10px 24px 10px 12px;font-size:17px;font-weight:800;line-height:1.25;text-decoration:none;transition:transform .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-p{color:#2d1b3d;background:#f26b8d;box-shadow:0 4px #b62046}.btn-p:hover{color:#2d1b3d;background:#e85c80}.btn-u{color:#2d1b3d;background:#fff;border:2.5px solid #2d1b3d;box-shadow:0 4px #77589d}.btn-u:hover{color:#2d1b3d;background:#f4eefb}.btn .ic{border-radius:999px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.lnk{color:#2d1b3d;text-underline-offset:6px;align-items:center;gap:8px;min-height:44px;font-weight:800;text-decoration:underline 3px #f26b8d;display:inline-flex}.ph{background-color:#fce4ea;background-image:repeating-linear-gradient(135deg,#b6204614 0 2px,#0000 2px 14px)}.phu{background-color:#ece3f7;background-image:repeating-linear-gradient(135deg,#5a3e8517 0 2px,#0000 2px 14px)}.pol{background:#fff;padding:12px 12px 14px;position:relative;box-shadow:0 10px 28px #2d1b3d1f,0 1px 3px #2d1b3d1a}.pin{background-color:#f26b8d73;background-image:repeating-linear-gradient(90deg,#fff6 0 5px,#0000 5px 11px);width:96px;height:26px;margin-left:-48px;position:absolute;top:-14px;left:50%;transform:rotate(-3deg)}.pin-u{background-color:#77589d52}.card{box-sizing:border-box;background:#fff;border:2px solid #2d1b3d;border-radius:28px 18px 30px 16px/18px 30px 16px 28px;flex-direction:column;gap:10px;padding:30px 24px 22px;display:flex;position:relative}.chip{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-flex}.ck{width:100%;min-height:48px;font:inherit;color:#2d1b3d;text-align:left;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:12px;padding:0 14px;font-size:17px;font-weight:700;display:flex}.paper{background-color:#fff;background-image:linear-gradient(90deg,#0000 44px,#f7b6c7 44px 46px,#0000 46px),repeating-linear-gradient(#0000 0 33px,#f3e3ea 33px 34px);border-radius:6px;padding:28px 32px 32px 72px;font-size:18px;line-height:34px;position:relative;box-shadow:0 12px 30px #2d1b3d1a}.spiral{background-image:radial-gradient(circle at 50% 60%,#2d1b3d 0 4px,#0000 5px);background-position:50%;background-size:30px 20px;height:20px}.pc{box-sizing:border-box;border:3px solid;border-radius:42px 26px 46px 22px/26px 42px 22px 46px;flex-direction:column;gap:6px;min-height:220px;padding:22px 22px 16px;display:flex}.wheel{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"bakti rp mengajar""menyapa logo d2d""note binaan more";align-items:stretch;gap:22px;display:grid}.sticker{outline-offset:6px;width:120px;height:120px;font-family:var(--font-fraunces), Georgia, serif;color:#2d1b3d;border-radius:999px;outline:2px dashed;flex:none;justify-content:center;align-items:center;font-size:36px;font-weight:700;display:flex}.lace{background-color:#fce4ea;background-image:radial-gradient(circle,#fff 0 4px,#0000 5px);background-size:20px 20px;border-radius:14px;padding:20px}.board{background:#fff;border:2.5px dashed #77589d;border-radius:38px 24px 42px 22px/24px 38px 22px 42px;flex-direction:column;gap:14px;padding:28px;display:flex}.thumb{cursor:pointer;aspect-ratio:4/3;border:4px solid;border-radius:2px;width:100%;padding:0;display:block}.deco{pointer-events:none;z-index:0;position:absolute}@media (width<=1100px){.deco{display:none}}@media (width<=860px){.wheel{grid-template-columns:1fr;grid-template-areas:"logo""rp""mengajar""d2d""binaan""menyapa""bakti""note""more"}.hero3{grid-template-columns:1fr!important}.booth{flex-direction:row!important;transform:none!important}}}@layer utilities;