{"id":24,"date":"2026-07-01T13:51:13","date_gmt":"2026-07-01T13:51:13","guid":{"rendered":"https:\/\/syairpcso.com\/?page_id=24"},"modified":"2026-07-01T13:51:13","modified_gmt":"2026-07-01T13:51:13","slug":"login-2","status":"publish","type":"page","link":"https:\/\/syairpcso.com\/?page_id=24","title":{"rendered":"LOGIN"},"content":{"rendered":"\n<style>\n#login{\n    position:relative;\n    overflow:hidden;\n    max-width:1180px;\n    margin:35px auto;\n    padding:42px 24px;\n    border-radius:38px;\n    background:\n        radial-gradient(circle at top left, rgba(255,181,192,.24), transparent 34%),\n        radial-gradient(circle at bottom right, rgba(239,191,4,.22), transparent 38%),\n        linear-gradient(145deg,#210021 0%,#4b004b 45%,#800080 100%);\n    border:2px solid rgba(239,191,4,.55);\n    box-shadow:\n        0 0 35px rgba(128,0,128,.55),\n        0 0 80px rgba(239,191,4,.18),\n        inset 0 0 35px rgba(255,255,227,.08),\n        0 28px 65px rgba(0,0,0,.65);\n}\n\n#login::before{\n    content:\"\";\n    position:absolute;\n    width:360px;\n    height:360px;\n    top:-120px;\n    left:-120px;\n    border-radius:50%;\n    background:radial-gradient(circle, rgba(239,191,4,.38), transparent 62%);\n    animation:orbFloatOne 9s ease-in-out infinite alternate;\n}\n\n#login::after{\n    content:\"\";\n    position:absolute;\n    width:420px;\n    height:420px;\n    right:-150px;\n    bottom:-160px;\n    border-radius:50%;\n    background:radial-gradient(circle, rgba(255,181,192,.34), transparent 64%);\n    animation:orbFloatTwo 11s ease-in-out infinite alternate;\n}\n\n@keyframes orbFloatOne{\n    from{ transform:translate(0,0) scale(1); }\n    to{ transform:translate(95px,75px) scale(1.18); }\n}\n\n@keyframes orbFloatTwo{\n    from{ transform:translate(0,0) scale(1); }\n    to{ transform:translate(-90px,-70px) scale(1.12); }\n}\n\n#login .container{\n    position:relative;\n    z-index:3;\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    gap:26px;\n}\n\n#login .bo-button{\n    position:relative;\n    overflow:hidden;\n    text-align:center;\n    width:100%;\n    max-width:520px;\n    padding:26px 22px;\n    border-radius:30px;\n    background:\n        linear-gradient(145deg, rgba(255,255,227,.16), rgba(255,255,227,.04));\n    border:1px solid rgba(239,191,4,.48);\n    box-shadow:\n        inset 0 1px 0 rgba(255,255,227,.22),\n        0 14px 35px rgba(0,0,0,.42),\n        0 0 24px rgba(239,191,4,.14);\n    transform-style:preserve-3d;\n    animation:cardBreath 6s ease-in-out infinite;\n}\n\n#login .bo-button:nth-child(2n){\n    animation-delay:1.2s;\n}\n\n#login .bo-button:nth-child(3n){\n    animation-delay:2.1s;\n}\n\n@keyframes cardBreath{\n    0%,100%{ transform:translateY(0) rotateX(0deg); }\n    50%{ transform:translateY(-7px) rotateX(3deg); }\n}\n\n#login .bo-button::before{\n    content:\"\";\n    position:absolute;\n    width:120px;\n    height:120px;\n    top:-55px;\n    right:-55px;\n    border-radius:50%;\n    background:radial-gradient(circle, rgba(239,191,4,.55), transparent 68%);\n    opacity:.7;\n    transition:.45s ease;\n}\n\n#login .bo-button::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n        linear-gradient(\n            120deg,\n            transparent 0%,\n            rgba(255,255,227,.18) 45%,\n            transparent 70%\n        );\n    transform:translateX(-120%);\n    transition:.7s ease;\n}\n\n#login .bo-button:hover{\n    transform:translateY(-12px) scale(1.025);\n    border-color:rgba(255,181,192,.78);\n    box-shadow:\n        0 20px 45px rgba(0,0,0,.60),\n        0 0 42px rgba(239,191,4,.38),\n        0 0 70px rgba(255,181,192,.22);\n}\n\n#login .bo-button:hover::before{\n    transform:scale(1.55);\n    opacity:1;\n}\n\n#login .bo-button:hover::after{\n    transform:translateX(120%);\n}\n\n#login .bo-button img{\n    position:relative;\n    z-index:2;\n    max-width:220px;\n    max-height:92px;\n    object-fit:contain;\n    margin-bottom:22px;\n    filter:\n        drop-shadow(0 0 10px rgba(239,191,4,.35))\n        brightness(1.08);\n    transition:.45s ease;\n}\n\n#login .bo-button:hover img{\n    transform:scale(1.08) translateY(-3px);\n    filter:\n        drop-shadow(0 0 22px rgba(255,181,192,.75))\n        drop-shadow(0 0 18px rgba(239,191,4,.55))\n        brightness(1.18);\n}\n\n#login .bo-button .login{\n    position:relative;\n    z-index:2;\n    overflow:hidden;\n    display:block;\n    width:100%;\n    padding:16px 0;\n    border-radius:18px;\n    text-decoration:none;\n    font-size:16px;\n    font-weight:900;\n    letter-spacing:2px;\n    color:#310031 !important;\n    background:\n        linear-gradient(135deg,#FFFFE3 0%,#FFB5C0 42%,#EFBF04 100%);\n    border:1px solid rgba(255,255,227,.75);\n    box-shadow:\n        inset 0 2px 0 rgba(255,255,255,.45),\n        0 10px 22px rgba(239,191,4,.32);\n    transition:.38s ease;\n}\n\n#login .bo-button .login::before{\n    content:\"\";\n    position:absolute;\n    top:50%;\n    left:50%;\n    width:0;\n    height:0;\n    border-radius:50%;\n    background:rgba(255,255,227,.55);\n    transform:translate(-50%,-50%);\n    transition:.55s ease;\n}\n\n#login .bo-button .login:hover::before{\n    width:320px;\n    height:320px;\n    opacity:0;\n}\n\n#login .bo-button .login:hover{\n    color:#800080 !important;\n    background:\n        linear-gradient(135deg,#EFBF04 0%,#FFFFE3 48%,#FFB5C0 100%);\n    transform:scale(1.045);\n    box-shadow:\n        0 0 30px rgba(239,191,4,.55),\n        0 0 58px rgba(255,181,192,.30);\n}\n\n#login .bo-button .login:active{\n    transform:scale(.96);\n}\n\n@media(max-width:768px){\n    #login{\n        margin:20px 14px;\n        padding:24px 14px;\n        border-radius:28px;\n    }\n\n    #login .container{\n        gap:20px;\n    }\n\n    #login .bo-button{\n        max-width:100%;\n        padding:20px 14px;\n        border-radius:24px;\n    }\n\n    #login .bo-button img{\n        max-width:170px;\n        max-height:75px;\n        margin-bottom:18px;\n    }\n\n    #login .bo-button .login{\n        font-size:14px;\n        letter-spacing:1px;\n        padding:14px 0;\n    }\n}\n\n@media(max-width:480px){\n    #login{\n        margin:18px 10px;\n        padding:18px 10px;\n    }\n\n    #login .container{\n        gap:16px;\n    }\n\n    #login .bo-button{\n        padding:17px 12px;\n    }\n\n    #login .bo-button img{\n        max-width:150px;\n        max-height:65px;\n    }\n\n    #login .bo-button .login{\n        font-size:13px;\n        padding:13px 0;\n    }\n}\n<\/style>\n\n<div id=\"login\">\n    <div class=\"container\">\n\n        <div class=\"bo-button\">\n            <img decoding=\"async\" src=\"https:\/\/syairpcso.com\/wp-content\/uploads\/2026\/07\/logoweb-1.png\" alt=\"Permen4D\">\n            <a class=\"login\" href=\"https:\/\/permen4d.site\/?ref=unicorns12345\">LOGIN<\/a>\n        <\/div>\n\n        <div class=\"bo-button\">\n            <img decoding=\"async\" src=\"https:\/\/syairpcso.com\/wp-content\/uploads\/2026\/07\/Logo-BAGOGO89-1.webp\" alt=\"Bagogo89\">\n            <a class=\"login\" href=\"https:\/\/vip.bagogo89.co\/?ref=unicorns12345\">LOGIN<\/a>\n        <\/div>\n\n        <div class=\"bo-button\">\n            <img decoding=\"async\" src=\"https:\/\/syairpcso.com\/wp-content\/uploads\/2026\/07\/nos4d-logo-2.webp\" alt=\"NOS4D\">\n            <a class=\"login\" href=\"https:\/\/member.nos4d.vip\/?ref=unicorns12345\">LOGIN<\/a>\n        <\/div>\n\n        <div class=\"bo-button\">\n            <img decoding=\"async\" src=\"https:\/\/syairpcso.com\/wp-content\/uploads\/2026\/07\/download-2-Photoroom.png\" alt=\"OLX89\">\n            <a class=\"login\" href=\"https:\/\/olx89.site\/ref\/?rid=rf14H515eee\">LOGIN<\/a>\n        <\/div>\n\n        <div class=\"bo-button\">\n            <img decoding=\"async\" src=\"https:\/\/syairpcso.com\/wp-content\/uploads\/2026\/07\/logo-operabola1.png\" alt=\"OperaBola\">\n            <a class=\"login\" href=\"https:\/\/member.operabola.id\/ref\/?rid=rf16na3a32d\">LOGIN<\/a>\n        <\/div>\n\n        <div class=\"bo-button\">\n            <img decoding=\"async\" src=\"https:\/\/syairpcso.com\/wp-content\/uploads\/2026\/07\/bolaemas881.png\" alt=\"BolaEmas88\">\n            <a class=\"login\" href=\"https:\/\/sinilink.me\/bolaemass88\">LOGIN<\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>LOGIN LOGIN LOGIN LOGIN LOGIN LOGIN<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syairpcso.com\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/syairpcso.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/syairpcso.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/syairpcso.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/syairpcso.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":2,"href":"https:\/\/syairpcso.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/syairpcso.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/syairpcso.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}