.glass{background:#ffffff0d;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.glass:hover{background:#ffffff14;border-color:var(--glass-border-hover);box-shadow:var(--shadow-md)}.glass-accent{background:#10b9810f;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(16,185,129,.15);border-radius:var(--radius-lg);box-shadow:0 2px 12px #10b9810f;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.glass-accent:hover{border-color:#10b9814d;transform:translateY(-2px);box-shadow:0 4px 20px #10b9811a}.glass-elevated{background:#ffffff0f;backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d,0 1px #ffffff0d;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.glass-elevated:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 12px 40px #0006,0 1px #ffffff0d}.glass-featured{background:#10b9810d;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-xl);box-shadow:0 4px 24px #10b9810f;position:relative;overflow:hidden;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.glass-featured:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient)}.glass-featured:hover{border-color:#10b98159;transform:translateY(-4px);box-shadow:0 8px 40px #10b9811a,0 12px 40px #0000004d}.glass-p-sm{padding:var(--sp-4)}.glass-p-md{padding:var(--sp-6)}.glass-p-lg{padding:var(--sp-8)}@media (min-width: 640px){.glass-p-sm{padding:var(--sp-6)}.glass-p-md{padding:var(--sp-8)}.glass-p-lg{padding:var(--sp-12)}}.glass-bar{background:#000000d9;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--glass-border)}.glass-lift{transition:transform var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.glass-lift:hover{transform:translateY(-4px);box-shadow:0 8px 40px #0000004d,0 0 30px #10b98114;border-color:#10b98133}