:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--button-height:52px;--input-height:48px;--tap-target:44px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:28px;--font-size-3xl:36px;--bg-deep:#040712;--accent-primary:#a855f7;--accent-secondary:#ec4899;--accent-tertiary:#3b82f6;--glass-bg:rgba(255,255,255,0.03);--glass-bg-heavy:rgba(255,255,255,0.07);--glass-border:rgba(255,255,255,0.1);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.37);--mesh-gradient:radial-gradient(at 0% 0%,rgba(168,85,247,0.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(236,72,153,0.1) 0px,transparent 50%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline-offset:4px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;padding:0;background:var(--bg-deep);color:#f8fafc;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--mesh-gradient);z-index:-1;pointer-events:none}.button,button,input[type=button],input[type=submit]{min-height:var(--button-height);padding:0 var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;border-radius:14px;border:1px solid var(--glass-border);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-md);background:var(--glass-bg-heavy);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.dashboard-header-actions button,.dashboard-mobile-header button,.site-header .auth-buttons button,.site-header button{min-height:32px!important;max-height:32px!important;height:32px!important}.button-primary,button.primary{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;box-shadow:0 4px 15px rgba(168,85,247,.3)}.button-primary:after,button.primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.button-primary:hover:after,button.primary:hover:after{left:100%}.button:active,button:active{transform:scale(.96);opacity:.9}button:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{min-height:var(--input-height);padding:var(--spacing-md) var(--spacing-lg);font-size:16px;border:1px solid var(--glass-border);border-radius:12px;background:var(--glass-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:var(--fg);font-family:inherit;width:100%;transition:all .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary);background:var(--glass-bg-heavy);box-shadow:0 0 0 4px rgba(168,85,247,.15)}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:auto;padding:0;border-radius:4px;background:transparent;border:none;accent-color:var(--accent)}textarea{min-height:120px;resize:vertical}h1,h2,h3{letter-spacing:-.02em;color:var(--fg)}h1{font-size:var(--font-size-3xl);line-height:1.1;margin:var(--spacing-xl) 0;font-weight:850;background:var(--heading-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:var(--font-size-2xl);line-height:1.2;margin:var(--spacing-lg) 0 var(--spacing-md) 0;font-weight:700}h3{font-size:var(--font-size-lg);line-height:1.4;font-weight:600;color:#e2e8f0}h3,p{margin:var(--spacing-md) 0}p{font-size:var(--font-size-base);line-height:1.6;color:#94a3b8}small{font-size:var(--font-size-sm);line-height:1.5;color:#64748b}.container{width:100%;max-width:1100px;padding:0 var(--spacing-lg);margin:0 auto}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);grid-template-columns:1fr}.card{padding:var(--spacing-xl);border:1px solid var(--glass-border);border-radius:20px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.card:active{transform:translateY(-4px) scale(.98);background:var(--glass-bg-heavy);border-color:var(--accent-primary)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:0;transition:.3s}.card:hover:before{opacity:1}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;z-index:1000}.modal-content{width:100%;background:var(--bg-secondary);border-radius:16px 16px 0 0;padding:var(--spacing-lg);max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:768px){:root{--spacing-lg:20px;--spacing-xl:32px;--font-size-base:17px}.container{max-width:728px;padding:0 var(--spacing-xl)}.grid-2{grid-template-columns:repeat(2,1fr)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.modal-content{width:90%;max-width:500px;border-radius:16px;margin:auto}}@media (min-width:1024px){:root{--spacing-lg:24px;--spacing-xl:40px}.container{max-width:1100px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.modal-content{width:600px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border-width:0}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;line-clamp:3}.hidden{display:none!important}.visible{display:block!important}