.template-gallery-card{transition:transform .25s ease-out;position:relative}.template-gallery-card-surface{background:#fff;transition:box-shadow .225s ease-out}.template-gallery-card-surface:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #0000;transition:border-color .225s ease-out;position:absolute;inset:0}.template-gallery-preview-content{transform-origin:50%;transition:transform .3s ease-out}.template-gallery-action{opacity:0;pointer-events:none;transition:opacity .2s ease-out,transform .2s ease-out;transform:translateY(12px)}.template-gallery-card:is(:hover,:focus-within){z-index:1;transform:translateY(-6px)}.template-gallery-card:is(:hover,:focus-within) .template-gallery-card-surface{box-shadow:0 18px 38px -18px #00000073, 0 12px 22px -14px color-mix(in srgb, var(--color-primary) 28%, transparent)}.template-gallery-card:is(:hover,:focus-within) .template-gallery-card-surface:after{border-color:var(--color-primary)}html[data-theme=bagusin-dark] .template-gallery-card-surface:after{border-width:2px}html[data-theme=bagusin-dark] .template-gallery-card:is(:hover,:focus-within) .template-gallery-card-surface:after{border-color:#d95a18}.template-gallery-card:is(:hover,:focus-within) .template-gallery-preview-content{transform:scale(1.015)}.template-gallery-card:is(:hover,:focus-within) .template-gallery-action{opacity:1;pointer-events:auto;transform:translateY(0)}@media (hover:none),(pointer:coarse){.template-gallery-card:is(:hover,:focus-within),.template-gallery-card:is(:hover,:focus-within) .template-gallery-preview-content{transform:none}.template-gallery-action{opacity:1;pointer-events:auto;transform:none}}@media (prefers-reduced-motion:reduce){.template-gallery-card,.template-gallery-card-surface,.template-gallery-card-surface:after,.template-gallery-preview-content,.template-gallery-action{transition:none}.template-gallery-card:is(:hover,:focus-within),.template-gallery-card:is(:hover,:focus-within) .template-gallery-preview-content,.template-gallery-action{transform:none}}
.WQBEuG_background{--warm:color-mix(in srgb, var(--color-primary) 13%, transparent);--sand:#ba9d7329;--line:color-mix(in srgb, var(--color-base-content) 7%, transparent);z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%)}.WQBEuG_layer{position:absolute;inset:0}.WQBEuG_shape{pointer-events:none;position:absolute}.WQBEuG_hero{--hero-line:color-mix(in srgb, var(--color-base-content) 8%, transparent);--hero-accent:color-mix(in srgb, var(--color-primary) 13%, transparent);-webkit-mask-image:linear-gradient(#000 0% 90%,#0000 100%);mask-image:linear-gradient(#000 0% 90%,#0000 100%)}.WQBEuG_heroGrid{background-image:linear-gradient(var(--hero-line) 1px, transparent 1px), linear-gradient(90deg, var(--hero-line) 1px, transparent 1px);opacity:.45;background-size:72px 72px;inset:5% -4%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22% 75%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 22% 75%,#0000 100%)}.WQBEuG_heroChart{border:1px solid var(--hero-line);background:linear-gradient(var(--hero-line) 1px, transparent 1px), linear-gradient(90deg, var(--hero-line) 1px, transparent 1px), color-mix(in srgb, var(--color-base-100) 20%, transparent);opacity:.55;background-size:46px 46px;border-radius:18px;width:58%;height:42%;top:15%;left:-7%;transform:rotate(-4deg)}.WQBEuG_heroChart:after{content:"";border-top:2px solid color-mix(in srgb, var(--color-primary) 48%, transparent);border-right:2px solid color-mix(in srgb, var(--color-primary) 48%, transparent);clip-path:polygon(0 76%,18% 64%,33% 70%,48% 42%,63% 52%,78% 20%,100% 0,100% 8%,80% 28%,64% 60%,49% 50%,34% 78%,18% 71%,0 84%);position:absolute;inset:18% 8% 20%}.WQBEuG_heroDocumentBack,.WQBEuG_heroDocumentFront{aspect-ratio:.71;border:1px solid var(--hero-line);background:color-mix(in srgb, var(--color-base-100) 22%, transparent);width:18%;box-shadow:0 16px 38px color-mix(in srgb, var(--color-base-content) 8%, transparent);border-radius:12px}.WQBEuG_heroDocumentBack{opacity:.5;top:10%;left:43%;transform:rotate(-9deg)}.WQBEuG_heroDocumentFront{opacity:.62;bottom:6%;right:4%;transform:rotate(8deg)}.WQBEuG_heroDocumentBack:after,.WQBEuG_heroDocumentFront:after{content:"";background:repeating-linear-gradient(transparent 0 19px, var(--hero-line) 19px 20px);position:absolute;inset:15% 14% 38%}.WQBEuG_heroSweep{background:linear-gradient(90deg, transparent, var(--hero-accent), transparent);opacity:.6;width:45%;height:140%;top:-20%;left:35%;transform:rotate(18deg)}.WQBEuG_templates{--template-line:color-mix(in srgb, var(--color-base-content) 6%, transparent);--template-accent:color-mix(in srgb, var(--color-primary) 9%, transparent);background:radial-gradient(ellipse at 15% 40%, var(--template-accent), transparent 50%), radial-gradient(ellipse at 86% 68%, #6d8fa512, transparent 48%)}.WQBEuG_templateGrid{background-image:linear-gradient(var(--template-line) 1px, transparent 1px), linear-gradient(90deg, var(--template-line) 1px, transparent 1px);opacity:.42;background-size:72px 72px;inset:2% 0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%)}.WQBEuG_templateGlow{background:radial-gradient(ellipse, var(--template-accent), transparent 68%);filter:blur(24px);border-radius:50%;width:72%;height:120%;top:-10%;left:14%}.WQBEuG_templateSheetLeft,.WQBEuG_templateSheetRight{aspect-ratio:.71;border:1px solid var(--template-line);background:repeating-linear-gradient(transparent 0 24px, var(--template-line) 24px 25px), color-mix(in srgb, var(--color-base-100) 10%, transparent);opacity:.34;border-radius:14px;width:min(18vw,260px)}.WQBEuG_templateSheetLeft{top:10%;left:-5%;transform:rotate(-8deg)}.WQBEuG_templateSheetRight{bottom:4%;right:-4%;transform:rotate(9deg)}.WQBEuG_tailor{background:radial-gradient(ellipse at 80% 40%, var(--sand), transparent 65%)}.WQBEuG_grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;background-size:64px 64px;inset:8% 0;-webkit-mask-image:linear-gradient(100deg,#0000 15%,#000 80%);mask-image:linear-gradient(100deg,#0000 15%,#000 80%)}.WQBEuG_warmOrb{aspect-ratio:1;background:radial-gradient(circle, var(--warm), transparent 68%);filter:blur(20px);border-radius:50%;width:65%;top:4%;right:-8%}.WQBEuG_sandOrb{aspect-ratio:1;background:radial-gradient(circle, var(--sand), transparent 70%);filter:blur(16px);border-radius:50%;width:55%;bottom:-5%;left:-12%}.WQBEuG_mesh{background:radial-gradient(ellipse at 20% 30%, var(--sand), transparent 48%), radial-gradient(ellipse at 40% 80%, var(--warm), transparent 50%), radial-gradient(ellipse at 85% 50%, #909e901f, transparent 55%);border-radius:35% 60% 40% 55%;inset:-5%}.WQBEuG_backDocument,.WQBEuG_frontDocument{aspect-ratio:.71;border:1px solid var(--line);background:color-mix(in srgb, var(--color-base-content) 2%, transparent);border-radius:12px;width:29%}.WQBEuG_backDocument{top:7%;left:7%;transform:rotate(-13deg)}.WQBEuG_frontDocument{bottom:8%;right:4%;transform:rotate(11deg)}.WQBEuG_backDocument:after,.WQBEuG_frontDocument:after{content:"";background:repeating-linear-gradient(transparent 0 24px, var(--line) 24px 25px);opacity:.65;position:absolute;inset:15% 15% 45%}.WQBEuG_focalLight{background:radial-gradient(ellipse at 75% 40%, var(--sand), transparent 55%);inset:-10%}.WQBEuG_ring,.WQBEuG_arc{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;width:80%;top:3%;right:-15%}.WQBEuG_ring{border-left-color:#0000;transform:rotate(-8deg)scaleY(.86)}.WQBEuG_arc{border-bottom-color:#0000;border-right-color:#0000;width:62%;top:14%;right:-6%;transform:rotate(25deg)}.WQBEuG_sweep{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-secondary) 6%, transparent), transparent);width:55%;height:130%;top:-15%;left:35%;transform:rotate(24deg)}.WQBEuG_customize{background:radial-gradient(ellipse at 18% 42%, color-mix(in srgb, var(--color-primary) 10%, transparent), transparent 55%), radial-gradient(ellipse at 82% 72%, #6d8fa51a, transparent 48%)}.WQBEuG_paletteGlow{aspect-ratio:1;background:conic-gradient(from 120deg, var(--warm), var(--sand), #5f8da81f, var(--warm));filter:blur(30px);opacity:.75;border-radius:50%;width:70%;top:2%;left:-18%}.WQBEuG_stylePanel{border:1px solid var(--line);background:radial-gradient(circle at 18% 26%, color-mix(in srgb, var(--color-primary) 45%, transparent) 0 8px, transparent 9px), radial-gradient(circle at 32% 26%, #477b9d61 0 8px, transparent 9px), radial-gradient(circle at 46% 26%, #4f866f61 0 8px, transparent 9px), repeating-linear-gradient(transparent 0 34px, var(--line) 34px 35px), color-mix(in srgb, var(--color-base-100) 28%, transparent);width:34%;height:42%;box-shadow:0 20px 50px color-mix(in srgb, var(--color-base-content) 6%, transparent);border-radius:18px;top:12%;right:3%}.WQBEuG_typeGlyph{color:color-mix(in srgb, var(--color-base-content) 10%, transparent);letter-spacing:-.12em;font-family:Georgia,serif;font-size:clamp(7rem,13vw,12rem);font-weight:700;line-height:1;bottom:8%;left:18%}.WQBEuG_typeGlyph:after{content:"Aa"}@media (max-width:1023px){.WQBEuG_background{opacity:.7}.WQBEuG_heroChart{width:82%;left:-18%}.WQBEuG_heroDocumentBack{left:52%}.WQBEuG_heroDocumentFront{right:-4%}.WQBEuG_warmOrb,.WQBEuG_sandOrb,.WQBEuG_paletteGlow,.WQBEuG_templateGlow{filter:none}.WQBEuG_grid{background-size:48px 48px}.WQBEuG_frontDocument,.WQBEuG_arc,.WQBEuG_heroDocumentBack,.WQBEuG_typeGlyph,.WQBEuG_templateSheetRight{display:none}.WQBEuG_warmOrb,.WQBEuG_sandOrb{width:95%}.WQBEuG_ring{width:120%;top:45%}.WQBEuG_templateGrid{background-size:48px 48px}.WQBEuG_templateSheetLeft{opacity:.24;width:46%;left:-18%}}