.app{min-height:100vh;background:linear-gradient(180deg,#0a0e27,#1a1f3a);display:flex;flex-direction:column;padding:0;position:relative}.profile-container{min-height:100vh;padding:20px;display:flex;flex-direction:column}.profile-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid #1e3a8a;box-shadow:0 0 30px #3b82f64d}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:#1a1f3a;display:flex;align-items:center;justify-content:center;color:#3b82f6}.profile-info{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.profile-name{color:#fff;font-size:24px;font-weight:600}.profile-username{color:#94a3b8;font-size:16px;font-weight:400}.profile-userid{margin-top:8px;padding:12px 24px;background:#0f1629;border-radius:12px;border:1px solid rgba(59,130,246,.3);display:flex;flex-direction:column;gap:8px;align-items:center}.userid-label{color:#94a3b8;font-size:14px;font-weight:400}.userid-value{color:#3b82f6;font-size:18px;font-weight:600;font-family:Courier New,monospace}.central-area{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;background:radial-gradient(circle at center,#1a1f3a,#0a0e27 70%);min-height:300px}.shield-container{position:relative;display:flex;align-items:center;justify-content:center}.shield-icon{color:#fff;opacity:.9;filter:drop-shadow(0 0 20px rgba(59,130,246,.3));animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.lower-panel{background:#0f1629;border-radius:24px 24px 0 0;padding:24px 20px;margin-top:auto;box-shadow:0 -4px 20px #0000004d}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(59,130,246,.2)}.subscription-left{display:flex;flex-direction:column;gap:4px}.subscription-name{color:#fff;font-size:20px;font-weight:600;text-transform:lowercase}.subscription-status{color:#94a3b8;font-size:14px;font-weight:400}.subscription-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.subscription-date{color:#fff;font-size:14px;font-weight:400}.subscription-expired{color:#f59e0b;font-size:14px;font-weight:500}.action-buttons{display:flex;flex-direction:column;gap:12px}.btn-primary,.btn-secondary,.btn-bottom{display:flex;align-items:center;gap:12px;padding:16px 20px;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;position:relative}.btn-primary{background:#1e3a8a;color:#fff}.btn-primary:active{background:#1e40af;transform:scale(.98)}.btn-secondary{background:#0f1629;color:#fff;border:1px solid rgba(59,130,246,.3)}.btn-secondary:active{background:#1a1f3a;transform:scale(.98)}.btn-icon{flex-shrink:0;color:currentColor}.btn-text{flex:1;text-align:left}.btn-price{color:#fff;font-size:14px;font-weight:400}.btn-platform{color:#3b82f6;font-size:14px;font-weight:500}.bottom-buttons{display:flex;gap:12px;margin-top:4px}.btn-bottom{flex:1;background:#0f1629;color:#fff;border:1px solid rgba(59,130,246,.2);padding:14px 16px}.btn-bottom:active{background:#1a1f3a;transform:scale(.98)}@media (max-width: 375px){.lower-panel{padding:20px 16px}.btn-primary,.btn-secondary,.btn-bottom{padding:14px 16px;font-size:15px}.profile-container{padding:16px}.profile-avatar{width:100px;height:100px}.profile-name{font-size:20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e27;color:#fff;overflow-x:hidden}#root{min-height:100vh;width:100%}