@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;overflow-x:hidden}.suspended-container{min-height:100vh;background:linear-gradient(135deg,#111827,#991b1b 50%,#111827);display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden;animation:gradientShift 15s ease infinite}.suspended-pattern{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5L55 30L30 55L5 30L30 5Z' fill='%23ffffff' fill-opacity='0.2'/%3E%3C/svg%3E");background-size:60px 60px}.suspended-particle{position:absolute;width:.5rem;height:.5rem;background:rgba(255,255,255,.1);border-radius:50%;pointer-events:none;animation:float 15s linear infinite}.suspended-card-wrapper{position:relative;z-index:10;width:100%;max-width:42rem;animation:fadeInUp .8s ease-out}.suspended-card{background:rgba(255,255,255,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);overflow:hidden;border:1px solid rgba(255,255,255,.2)}.suspended-header{background:linear-gradient(90deg,#dc2626,#ef4444);padding:2rem;text-align:center;position:relative;overflow:hidden}.suspended-header-ring{position:absolute;inset:0;background:rgba(255,255,255,.1);border-radius:50%;filter:blur(40px);animation:pulseRing 3s infinite}.suspended-icon-wrapper{position:relative;z-index:10;display:inline-block}.suspended-icon-container{position:relative}.suspended-icon{width:5rem;height:5rem;color:white;margin:0 auto;animation:iconFloat 3s ease-in-out infinite}.suspended-icon-ring{position:absolute;inset:0;background:rgba(255,255,255,.3);border-radius:50%;filter:blur(8px);animation:pulseRing 2s infinite}.suspended-title{font-size:1.875rem;font-weight:700;color:white;margin-top:1rem;position:relative;z-index:10;animation:slideUp .6s ease-out .2s both}@media (min-width:768px){.suspended-title{font-size:2.25rem}}.suspended-subtitle{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;animation:slideUp .6s ease-out .3s both}.suspended-subtitle-icon{width:1.25rem;height:1.25rem;color:#fde047}.suspended-subtitle p{color:#fee2e2}.suspended-timer{margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;background:rgba(0,0,0,.2);border-radius:9999px;padding:.5rem 1rem;animation:slideUp .6s ease-out .4s both}.suspended-timer-icon{width:1rem;height:1rem;color:rgba(255,255,255,.8)}.suspended-timer-text{color:rgba(255,255,255,.8);font-size:.875rem}.suspended-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.suspended-warning{background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.3);border-radius:.75rem;padding:1rem;animation:slideUp .6s ease-out .5s both}.suspended-warning-content{display:flex;align-items:flex-start;gap:.75rem}.suspended-warning-icon{width:1.25rem;height:1.25rem;color:#eab308;flex-shrink:0;margin-top:.125rem}.suspended-warning-title{color:white;font-weight:500}.suspended-warning-text{color:rgba(255,255,255,.7);font-size:.875rem;margin-top:.25rem}.suspended-actions{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;animation:slideUp .6s ease-out .6s both}@media (min-width:768px){.suspended-actions{grid-template-columns:repeat(2,1fr)}}.suspended-action-btn{position:relative;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1rem;transition:all .3s ease;cursor:pointer;width:100%}.suspended-action-btn:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.suspended-action-content{display:flex;align-items:center;gap:.75rem}.suspended-action-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.suspended-action-btn:hover .suspended-action-icon{transform:scale(1.1)}.suspended-call-icon{background:rgba(34,197,94,.2);color:#4ade80}.suspended-email-icon{background:rgba(59,130,246,.2);color:#60a5fa}.suspended-action-text{text-align:left}.suspended-action-label{color:rgba(255,255,255,.6);font-size:.75rem}.suspended-action-value{color:white;font-weight:500}.suspended-action-shine{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-100%);transition:transform .8s}.suspended-action-btn:hover .suspended-action-shine{transform:translateX(100%)}.suspended-refresh{display:flex;justify-content:center;animation:slideUp .6s ease-out .7s both}.suspended-refresh-btn{position:relative;padding:.75rem 1.5rem;background:rgba(255,255,255,.1);border:none;border-radius:9999px;color:white;font-weight:500;cursor:pointer;overflow:hidden;transition:all .3s ease}.suspended-refresh-btn:hover{background:rgba(255,255,255,.2)}.suspended-refresh-content{position:relative;z-index:10;display:flex;align-items:center;gap:.5rem}.suspended-refresh-icon{width:1rem;height:1rem;transition:transform .5s}.suspended-refresh-btn:hover .suspended-refresh-icon{transform:rotate(180deg)}.suspended-refresh-shine{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-100%);transition:transform .8s}.suspended-refresh-btn:hover .suspended-refresh-shine{transform:translateX(100%)}.suspended-info{animation:slideUp .6s ease-out .8s both}.suspended-info-toggle{color:rgba(255,255,255,.6);background:none;border:none;font-size:.875rem;display:flex;align-items:center;gap:.25rem;margin:0 auto;cursor:pointer;transition:color .2s}.suspended-info-toggle:hover{color:white}.suspended-info-arrow{display:inline-block;transition:transform .3s}.suspended-info-arrow-up{transform:rotate(180deg)}.suspended-info-content{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease;margin-top:0}.suspended-info-content-show{max-height:300px;opacity:1;margin-top:1rem}.suspended-info-details{background:rgba(255,255,255,.05);border-radius:.75rem;padding:1rem;color:rgba(255,255,255,.7);font-size:.875rem}.suspended-info-details p{margin:.5rem 0}.suspended-footer{background:rgba(0,0,0,.2);padding:1rem 2rem;border-top:1px solid rgba(255,255,255,.1);animation:fadeIn .6s ease-out .9s both}.suspended-footer-text{color:rgba(255,255,255,.4);font-size:.75rem;text-align:center}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%{transform:translateY(0) translateX(0);opacity:0}50%{opacity:1}to{transform:translateY(-100vh) translateX(100px);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseRing{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.3);opacity:0}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:640px){.suspended-content,.suspended-header{padding:1.5rem}.suspended-icon{width:4rem;height:4rem}.suspended-title{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.suspended-container{background:white;color:black}.suspended-card{box-shadow:none;border:1px solid #ddd}.suspended-action-btn,.suspended-refresh-btn{display:none}}