:root{--accent:#f58020;--card-radius:20px;--arc-stroke:2px}.webpage-title{color:#f37021;text-align:center;margin-bottom:70px;font-size:2rem;font-weight:800}.web-card1{border-radius:var(--card-radius);cursor:pointer;will-change:transform, opacity, filter;position:relative;overflow:hidden}.web-card1 *{z-index:1;position:relative}.reveal{opacity:0;filter:blur(6px);transform:translateY(46px)scale(.99)}.reveal.in{animation:1.4s cubic-bezier(.22,.8,.2,1) both popIn;animation-delay:var(--delay,0s)}@keyframes popIn{0%{opacity:0;filter:blur(6px);transform:translateY(24px)scale(.97)}60%{opacity:1;filter:blur();transform:translateY(-4px)scale(1.01)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.web-card:before{content:"";border-radius:inherit;border:var(--arc-stroke) solid transparent;background:linear-gradient(#0000, #0000) padding-box,  conic-gradient(from 0deg, var(--accent) 0 90deg, transparent 90deg) border-box;opacity:0;pointer-events:none;z-index:0;transition:opacity .15s;position:absolute;inset:0;transform:rotate(0)}.web-card.run-arc:before{opacity:1;animation:.9s linear arcSpin}@keyframes arcSpin{to{transform:rotate(360deg)}}.ripple{pointer-events:none;background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.45;z-index:0;border-radius:999px;width:12px;height:12px;animation:.6s ease-out forwards rippleAnim;position:absolute;transform:translate(-50%,-50%)scale(.2)}@keyframes rippleAnim{0%{opacity:.45;transform:translate(-50%,-50%)scale(.2)}70%{opacity:.25}to{opacity:0;transform:translate(-50%,-50%)scale(12)}}.thumb-wrap{border-radius:14px;overflow:hidden}.image-box{pointer-events:none;width:100%;height:auto;display:block;filter:none!important;transition:none!important;transform:none!important}.visit-button{background-color:var(--accent);color:#fff;border:none;border-radius:25px;padding:8px 20px;font-weight:600;transition:background-color .25s,transform .15s}.visit-button:hover{background-color:#d76f1d}.visit-button:active{transform:scale(.98)}.custom-modal .modal-content{background:linear-gradient(to bottom right,#fff,#fffaf3);border:none;border-radius:18px;animation:.3s fadeInModal;box-shadow:0 10px 25px #0003}.modal-header-custom{background-color:#fff7e6;border-bottom:none;border-radius:18px 18px 0 0}.modal-title-custom{color:#d35400;font-size:1.5rem;font-weight:800}.modal-body-custom{color:#444;text-align:right;padding:20px;font-size:1.1rem}.modal-footer-custom{background-color:#fff7e6;border-top:none;border-radius:0 0 18px 18px;justify-content:center}.modal-btn-custom{background-color:#f39c12;border:none;border-radius:25px;padding:8px 30px;font-size:1rem;font-weight:800;transition:background-color .25s}.modal-btn-custom:hover{background-color:#e67e22}@keyframes fadeInModal{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;filter:none;transform:none}.reveal.in{animation:none}.web-card.run-arc:before{opacity:1;animation:none}.ripple{display:none}}.preview-modal .modal-dialog{max-width:1100px}.preview-content{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#021735eb;border:1px solid #ffffff14;overflow:hidden;border-radius:0!important}.preview-header,.preview-footer{padding:8px 12px;background:0 0!important;border:0!important}.preview-title{color:#fff;letter-spacing:.2px;font-size:18px}.preview-body{padding:0 16px 16px}.preview-scroll{background:#ffffff0a;border:1px solid #ffffff14;max-height:72vh;overflow:auto}.preview-img{width:100%;height:auto;display:block}.preview-scroll::-webkit-scrollbar{width:10px}.preview-scroll::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:10px}.preview-scroll::-webkit-scrollbar-track{background:#ffffff0f}.preview-modal .btn-close{filter:invert();opacity:1;margin-right:5px}.preview-modal .btn-close:hover{opacity:.8}