:root{--account-spacing-sm:12px;--account-spacing-md:24px;--account-spacing-lg:48px;--account-radius-sm:12px;--account-radius-md:16px;--account-radius-lg:24px}.account-card{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--account-radius-md);padding:var(--account-spacing-lg);transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.account-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.1) 50%,transparent 100%)}.account-card:hover{border-color:rgba(255,255,255,.15);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.account-card-primary{background:linear-gradient(135deg,#1c1c1e 0,#2c2c2e 100%);border:1px solid rgba(255,255,255,.12)}.account-card-primary:hover{border-color:rgba(255,255,255,.2)}.feature-icon{width:56px;height:56px;background:linear-gradient(135deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.03) 100%);border-radius:var(--account-radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--account-spacing-md);transition:all .3s ease}.account-card:hover .feature-icon{background:linear-gradient(135deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.06) 100%);transform:scale(1.05)}.user-profile-card{background:linear-gradient(135deg,#7c3aed 0,#ec4899 100%);border:none;position:relative}.user-profile-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 100%);pointer-events:none}.user-avatar{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf6 0,#ec4899 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;border:3px solid rgba(255,255,255,.2);box-shadow:0 8px 24px rgba(0,0,0,.3);transition:all .3s ease}.user-profile-card:hover .user-avatar{transform:scale(1.05);border-color:rgba(255,255,255,.3)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#000;padding:14px 28px;border-radius:9999px;font-weight:700;font-size:16px;transition:all .3s cubic-bezier(.4, 0, .2, 1);border:none;cursor:pointer;position:relative;overflow:hidden}.btn-primary::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(0,0,0,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover::before{width:300px;height:300px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.2)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);color:var(--primary);padding:14px 28px;border-radius:9999px;font-weight:700;font-size:16px;border:1px solid var(--primary);transition:all .3s cubic-bezier(.4, 0, .2, 1);cursor:pointer}.btn-secondary:hover{background:var(--primary);color:#000;transform:translateY(-2px);box-shadow:0 8px 16px rgba(255,255,255,.1)}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border-radius:9999px;font-weight:700;font-size:16px;transition:all .3s cubic-bezier(.4, 0, .2, 1);cursor:pointer;border:none;position:relative;overflow:hidden}.google-btn{background:#fff;color:#000}.google-btn:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.apple-btn{background:#000;color:#fff;border:1px solid #fff}.apple-btn:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,255,255,.15)}.form-input{width:100%;background:var(--background);border:1px solid rgba(255,255,255,.1);border-radius:var(--account-radius-sm);padding:16px 20px;color:var(--primary);font-size:16px;transition:all .3s ease}.form-input::placeholder{color:var(--secondary)}.form-input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.form-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:all}.modal-content{background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:var(--account-radius-lg);padding:var(--account-spacing-lg);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;transform:scale(.9);transition:transform .3s ease}.modal-overlay.active .modal-content{transform:scale(1)}.alert{border-radius:var(--account-radius-sm);padding:20px;display:flex;align-items:start;gap:16px}.alert-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3)}.alert-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.alert-info{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3)}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--account-radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.spinner{display:inline-block;width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.page-header{text-align:center;margin-bottom:var(--account-spacing-lg)}.page-title{font-size:48px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#fff 0,#999 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:18px;color:var(--secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.auth-login{display:var(--auth-login-display,block)}.auth-logout{display:var(--auth-logout-display,none)!important}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.account-product-card{width:160px;min-width:160px;flex-shrink:0}@media (min-width:768px){.account-product-card{width:200px;max-width:200px;min-width:160px}}@media (min-width:1024px){.account-product-card{width:220px;max-width:220px}}@media (max-width:768px){.account-card{padding:var(--account-spacing-md)}.page-title{font-size:36px}.page-subtitle{font-size:16px}.features-grid{grid-template-columns:1fr}.user-avatar{width:64px;height:64px;font-size:24px}.btn-primary,.btn-secondary,.social-btn{padding:12px 20px;font-size:14px}}@media (hover:none){.account-card:hover{transform:none}.btn-primary:hover,.btn-secondary:hover{transform:none}}@media (prefers-color-scheme:dark){.account-card{border-color:rgba(255,255,255,.05)}.account-card:hover{border-color:rgba(255,255,255,.1)}}