.user-page-container{box-sizing:border-box;background-color:var(--bg-color);height:100vh;color:var(--white-color);letter-spacing:.1em;flex-direction:column;align-items:center;padding:60px 20px;font-family:monospace;display:flex;overflow-y:auto}.user-header{text-align:center;margin-bottom:40px}.user-header h1{color:var(--white-color);margin-bottom:10px;font-size:2.5rem}.user-subtitle{color:#999;font-size:1rem}.user-info-section{backdrop-filter:blur(15px);background:rgba(25,30,40,.95);border:1px solid #333;width:100%;max-width:800px;margin-bottom:40px;padding:30px;box-shadow:0 15px 40px rgba(0,0,0,.95)}.user-info-section h2{border-bottom:1px solid #333;margin-bottom:20px;padding-bottom:10px;font-size:1.5rem}.user-info-grid{grid-template-columns:1fr;gap:20px;display:grid}.info-item{border-bottom:1px solid rgba(255,255,255,.05);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.info-label{color:#999;font-weight:700}.info-value{color:var(--white-color)}.user-upgrade-section,.user-danger-zone{backdrop-filter:blur(15px);background:rgba(25,30,40,.95);border:1px solid #333;width:100%;max-width:800px;margin-bottom:40px;padding:30px;box-shadow:0 15px 40px rgba(0,0,0,.95)}.user-upgrade-section h2,.user-danger-zone h2{border-bottom:1px solid #333;margin-bottom:20px;padding-bottom:10px;font-size:1.5rem}.upgrade-buttons-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.plan-button{color:var(--white-color);letter-spacing:.1em;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #4a5568;flex:1;padding:15px 30px;font-family:monospace;font-size:1rem;transition:all .2s}.plan-button:hover{background:var(--accent-color);color:#111;border-color:var(--accent-color);box-shadow:0 0 15px rgba(194,254,12,.2)}.upgrade-max{border-color:gold}.upgrade-max:hover{color:#111;background:gold;border-color:gold;box-shadow:0 0 15px rgba(255,215,0,.2)}.danger-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.danger-button{color:#f44;letter-spacing:.1em;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #f44;padding:10px 20px;font-family:monospace;font-size:1rem;transition:all .2s}.danger-button:hover{background:rgba(255,68,68,.1);box-shadow:0 0 15px rgba(255,68,68,.2)}.subscription-status-message{color:var(--accent-color);text-align:center;margin-top:15px}.icon-link{justify-content:center;align-items:center;display:flex}.nav-icon{filter:invert();width:24px;height:24px}.nav-icon:hover{filter:invert(.8)sepia()saturate(5)hue-rotate(50deg)}.user-back-link{box-sizing:border-box;width:100%;max-width:800px;margin-top:0;margin-bottom:40px}.user-back-link a{background:var(--accent-color);color:#111;border:1px solid var(--accent-color);text-transform:uppercase;text-align:center;letter-spacing:.1em;box-sizing:border-box;padding:10px 20px;font-family:monospace;font-size:.85rem;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 0 15px rgba(194,254,12,.2)}.user-back-link a:hover{color:var(--white-color);box-shadow:none;background:0 0;border-color:#4a5568}@media (width<=768px){.user-page-container{padding:30px 15px}.user-info-section,.user-upgrade-section,.user-danger-zone{padding:20px 15px}.user-header h1{font-size:2rem}.plan-button{flex:none;width:100%}}