*{margin:0;padding:0}:root{--primary-color: #019000;--secondary-color: #48a848;--bg-color: #81ee96;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{min-width:100%;min-height:100vh;background:var(--bg-color)}a{color:#fff}#root{min-width:100%;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.envelope{--top-height: 50px;width:80%;max-width:300px;height:auto;aspect-ratio:3/4;position:absolute;top:50%;transform-style:preserve-3d;transform:rotateY(180deg) translateY(-50%);transition:transform .5s,top .6s 1.2s;will-change:transform,top}.envelope--open{transform:rotateY(0);top:calc(50% + 200px)}.envelope--open:after{display:none}.envelope:hover{cursor:pointer}.envelope:after{content:"click to open";width:100%;position:absolute;bottom:-24px;transform:rotateY(180deg);text-align:center}.envelope__cover-front{position:absolute;width:100%;height:100%;background-color:var(--secondary-color);backface-visibility:hidden}.envelope__cover-front--inside{transform:rotateY(180deg);background-color:var(--primary-color)}.envelope__cover-back{position:absolute;width:100%;height:100%;background-color:var(--primary-color);clip-path:polygon(0 0,var(--top-height) var(--top-height),calc(100% - var(--top-height)) var(--top-height),100% 0,100% 100%,0 100%)}.envelope__top{position:absolute;width:100%;height:var(--top-height);transform-origin:top center;transform-style:preserve-3d;transition:transform .5s;transition-delay:.6s;will-change:transform}.envelope__top--open{transform:rotateX(180deg)}.envelope__top-cover{position:absolute;width:100%;height:100%;background-color:var(--primary-color);backface-visibility:hidden;clip-path:polygon(0 0,100% 0,calc(100% - var(--top-height)) 100%,var(--top-height) 100%)}.envelope__top-cover--inside{background-color:var(--secondary-color);transform:rotateX(180deg) rotate(180deg)}.money{--w: 250px;width:var(--w);height:auto;aspect-ratio:11/5;position:absolute;top:100px;left:calc(50% - var(--w) / 2);z-index:0;transition:top .6s 1.2s,left .3s 2s,width .3s 2s,z-index .1s 2s;will-change:top,left,width,z-index}.money--open{--w: min(95vw, 550px);top:-50vh;z-index:2}.money:before{content:"click for more";width:100%;position:absolute;top:-24px;text-align:center}.money__item{width:100%;height:90%;position:absolute;top:50%;left:50%;display:flex;justify-content:center;align-items:center;transition:.5s top,.5s height;will-change:top,height;transform:translate(-50%,-50%)}.money__item--0{top:100vh}.money__item--2{height:50%}.money__item--3{height:10%}.rupiah{max-width:100%;max-height:100%;box-shadow:0 0 32px #0000004d;will-change:box-shadow,filter}.rupiah--20,.rupiah--50{border:4px solid gold;box-shadow:0 0 15px gold;animation:gold-glow 2s ease-in-out infinite alternate}.rupiah--100{border:4px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to right,#1a1a1a,#1a1a1a),linear-gradient(90deg,red,orange,#ff0,green,#00f,indigo,violet,red);animation:rotate 4s linear infinite,rainbow-glow 2s ease-in-out infinite alternate}@keyframes gold-glow{0%{box-shadow:0 0 15px gold}to{box-shadow:0 0 30px gold}}@keyframes rainbow-glow{0%{box-shadow:0 0 9px red,0 0 10px orange,0 0 11px #ff0,0 0 12px green,0 0 13px #00f,0 0 14px indigo,0 0 15px violet}to{box-shadow:0 0 24px red,0 0 25px orange,0 0 26px #ff0,0 0 27px green,0 0 28px #00f,0 0 29px indigo,0 0 30px violet}}@keyframes rotate{to{filter:hue-rotate(360deg)}}.name-form{width:400px;max-width:90%;height:100px;display:flex;font-size:1em;box-sizing:border-box;flex-direction:column}.name-form__input{height:50%;padding:4px 8px;border:2px solid var(--primary-color);outline:none;box-sizing:border-box;flex-grow:1;font-size:inherit;text-align:center;border-radius:8px 8px 0 0}.name-form__button{height:50%;padding:4px 8px;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;box-sizing:border-box;font-size:inherit;border-radius:0 0 8px 8px}.result{min-width:100%;height:100vh;display:flex;justify-content:center;align-items:top;font-size:20px;font-weight:700}.result__link{text-align:center;margin-top:30vh}.money-fan{--degree-all: 65deg;position:absolute;left:50%;bottom:0;transform:translate(-50%) translateY(50%);width:700px;max-width:100vw;height:auto;aspect-ratio:11/4}.money-fan:hover,.money-fan:active{--degree-all: 90deg}.money-fan__wrapper{height:100%;width:100%;transform:rotate(90deg)}.money-fan__item{--degree-item: calc( var(--degree-all) / 2 - (var(--index) / (var(--length) - 1)) * var(--degree-all) );height:100%;width:100%;position:absolute;transform-origin:center center;transform:rotate(var(--degree-item));transition:.5s transform;will-change:transform}.header-text{position:fixed;width:100%;top:8px;left:0;text-align:center}.header-text h1{font-size:3em}.header-text h2{font-size:2em}@media (max-width: 720px){.header-text h1{font-size:2em}.header-text h2{font-size:1.5em}}