* {
            border-radius: 0px !important;
        }

        @property --beam-angle {
            syntax: '<angle>';
            inherits: false;
            initial-value: 0deg;
        }

        .beam-wrapper {
            position: relative;
            padding: 2px;
            isolation: isolate;
        }

        .beam-wrapper::before {
            content: '';
            position: absolute;
            inset: 0;
            background: conic-gradient(
                from var(--beam-angle),
                transparent 0deg,
                transparent 270deg,
                rgba(255, 0, 0, 0.9) 300deg,
                #ff2d2d 320deg,
                rgba(255, 0, 0, 0.9) 340deg,
                transparent 360deg
            );
            animation: spin-beam 3.5s linear infinite;
            z-index: 0;
        }

        @keyframes spin-beam {
            to {
                --beam-angle: 360deg;
            }
        }

        .sharp-card {
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8);
            transition: box-shadow 0.3s ease;
        }

        .btn-buy {
            background-color: #dc2626;
            color: #ffffff;
        }

        .btn-login {
            background-color: transparent;
            color: #ffffff;
            border: 1px solid rgba(220, 38, 38, 0.5);
        }

        #notification {
            transition: opacity 0.3s ease, transform 0.3s ease;
        }