/* Wrapper absolute at top */
        .quote-wrapper {
            position: relative;
			padding:5px;
			border-radius: 50px;
			left: 50%;
            transform: translateX(-50%);
            width: 100%;
		}

        /* Glass Card */
        .quote-card {
            width: auto;
            background: rgba(10,90,208,0.12);
            border: 1px solid rgba(10,90,208,0.2);
            backdrop-filter: blur(14px);
            border-radius: 50px;
            padding: 25px;
		    position: relative;
            transform-style: preserve-3d;
            animation: fadeZoom 0.8s ease-out;
        }
        .quote-card .text{
			font-size: 20px;
			font-weight: 100;
			  color: #faed00;
			  text-shadow:
				-1px -1px 0 black,
				2px -2px 0 black,
				-1px -1px 0 black,
				 2px -2px 0 black;
		}
		.stroke-anim {
			font-size: 80px;
			font-weight: 900;
			  color: transparent;
			  -webkit-text-stroke: 2px #fff;
			  background: none;
			  letter-spacing: 4px;

			  /* stroke animated */
			  animation: draw 4s ease forwards;
			  stroke-dasharray: 700;
			  stroke-dashoffset: 700;
		}
        @keyframes fadeZoom {
            from { transform: scale(0.8); opacity: 0; }
            to   { transform: scale(1); opacity: 1; }
        }

        /* Cube Rotate when changing */
        .rotateCube {
            animation: cubeRotate 0.6s ease-in-out;
        }

        @keyframes cubeRotate {
            from { transform: rotateY(90deg) scale(0.8); opacity: 0; }
            to   { transform: rotateY(0deg) scale(1); opacity: 1; }
        }

        /* Particles */
        .particles span {
            position: absolute;
            width: 10px;
            height: 10px;
            background: rgba(239,181,8,0.6);
            border-radius: 50%;
            animation: float 10s linear infinite;
            filter: blur(2px);
        }

        @keyframes float {
            from { transform: translateY(0) scale(1); opacity: 1; }
            to   { transform: translateY(-120px) scale(1.5); opacity: 0; }
        }
	.line-wave {
		width: 100%;
		height: 40px;
		background: #7c3aed;
		clip-path: polygon(
			0% 50%,
			10% 30%,
			20% 70%,
			30% 30%,
			40% 70%,
			50% 30%,
			60% 70%,
			70% 30%,
			80% 70%,
			90% 30%,
			100% 50%,
			100% 100%,
			0% 100%
		);
	}
	.line-diagonal {
		width: 100%;
		height: 4px;
		background: #ff3d00;

		/* Membentuk garis miring */
		clip-path: polygon(
			0 0,
			100% 0,
			100% 100%,
			0 50%
		);
	}
	.line-path {
		width: 100%;
		height: 40px;
		background: #22d3ee;
		clip-path: path("M0,20 C80,0 160,40 240,20 S400,0 500,20 V40 H0 Z");
	}