@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-1\/2{top:50%}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[5\]{z-index:5}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-\[60\%\]{height:60%}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[280px\]{min-height:280px}.min-h-screen{min-height:100vh}.w-\[80\%\]{width:80%}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-full{width:100%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-x-\[20deg\]{--tw-rotate-x:rotateX(20deg);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\[float_6s_ease-in-out_infinite\]{animation:6s ease-in-out infinite float}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#06b6d4\]\/20{border-color:#06b6d433}.border-\[\#06b6d4\]\/30{border-color:#06b6d44d}.border-\[\#ccff00\]{border-color:#cf0}.border-\[rgb\(var\(--feature-color\)\)\]{border-color:rgb(var(--feature-color))}.bg-\[\#0a0a0a\]{background-color:#0a0a0a}.bg-\[\#0f172a\]{background-color:#0f172a}.bg-\[\#0f172a\]\/80{background-color:#0f172acc}.bg-\[\#1a1a1a\]{background-color:#1a1a1a}.bg-\[\#1e293b\]{background-color:#1e293b}.bg-\[\#1e293b\]\/40{background-color:#1e293b66}.bg-\[\#1e293b\]\/50{background-color:#1e293b80}.bg-\[\#1e293b\]\/60{background-color:#1e293b99}.bg-\[\#06b6d4\]\/10{background-color:#06b6d41a}.bg-\[\#111\]{background-color:#111}.bg-\[\#222\]{background-color:#222}.bg-\[\#ccff00\]{background-color:#cf0}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle\,_rgba\(6\,182\,212\,0\.15\)_0\%\,_rgba\(0\,0\,0\,0\)_70\%\)\]{background-image:radial-gradient(circle,#06b6d426,#0000 70%)}.bg-\[radial-gradient\(circle_at_50\%_-20\%\,_\#1e293b_0\%\,_\#0f172a_100\%\)\]{background-image:radial-gradient(circle at 50% -20%,#1e293b,#0f172a)}.bg-\[url\(\'\/grid-pattern\.svg\'\)\]{background-image:url(/grid-pattern.svg)}.from-\[\#0f172a\]{--tw-gradient-from:#0f172a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#06b6d4\]{--tw-gradient-from:#06b6d4;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[rgb\(var\(--feature-color\)\)\]{--tw-gradient-from:rgb(var(--feature-color));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#1e293b\]{--tw-gradient-to:#1e293b;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#3b82f6\]{--tw-gradient-to:#3b82f6;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#0891b2\]{--tw-gradient-to:#0891b2;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.text-left{text-align:left}.break-all{word-break:break-all}.text-\[\#06b6d4\]{color:#06b6d4}.text-\[\#94a3b8\]{color:#94a3b8}.text-\[\#ccff00\]{color:#cf0}.text-\[\#f8fafc\]{color:#f8fafc}.text-\[rgb\(var\(--feature-color\)\)\]{color:rgb(var(--feature-color))}.text-transparent{color:#0000}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.shadow-\[0_0_30px_rgba\(204\,255\,0\,0\.1\)\]{--tw-shadow:0 0 30px var(--tw-shadow-color,#ccff001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(204\,255\,0\,0\.3\)\]{--tw-shadow:0 0 30px var(--tw-shadow-color,#ccff004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_50px_100px_-20px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 50px 100px -20px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-\[150px\]{--tw-blur:blur(150px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}.perspective-\[2000px\]{perspective:2000px}@media(hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:text-\[\#ccff00\]:is(:where(.group):hover *){color:#cf0}.group-hover\:opacity-5:is(:where(.group):hover *){opacity:.05}.group-hover\:opacity-10:is(:where(.group):hover *){opacity:.1}.group-hover\:opacity-20:is(:where(.group):hover *){opacity:.2}}.selection\:bg-\[\#ccff00\] ::-moz-selection{background-color:#cf0}.selection\:bg-\[\#ccff00\] ::selection{background-color:#cf0}.selection\:bg-\[\#ccff00\]::-moz-selection{background-color:#cf0}.selection\:bg-\[\#ccff00\]::selection{background-color:#cf0}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-\[rgb\(var\(--feature-color\)\)\]:hover{border-color:rgb(var(--feature-color))}.hover\:bg-\[\#333\]:hover{background-color:#333}.hover\:bg-\[\#b3e600\]:hover{background-color:#b3e600}.hover\:bg-\[\#bbe600\]:hover{background-color:#bbe600}.hover\:shadow-\[0_0_20px_rgba\(6\,182\,212\,0\.4\)\]:hover{--tw-shadow:0 0 20px var(--tw-shadow-color,#06b6d466);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_0_50px_rgba\(204\,255\,0\,0\.5\)\]:hover{--tw-shadow:0 0 50px var(--tw-shadow-color,#ccff0080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-\[\#06b6d4\]:focus{border-color:#06b6d4}:root{--bg-app:#0f172a;--bg-card:#1e293bb3;--bg-sidebar:#0f172acc;--primary:#10b981;--primary-glow:#10b98180;--accent:#3b82f6;--text-main:#f8fafc;--text-muted:#94a3b8;--border-glass:#ffffff1a;--shadow-glass:0 8px 32px 0 #0000005e;--card-bg:#1e293b66;--input-bg:#1e293b66;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--radius-md:12px;--radius-lg:24px;color-scheme:dark}:root[data-theme=light]{--bg-app:#bae6fd;--bg-card:#e0f2fe;--bg-sidebar:#e0f2fe;--primary:#0284c7;--primary-glow:#0596694d;--accent:#3b82f6;--border-glass:#0000001a;--shadow-glass:0 4px 6px -1px #004e701a,0 2px 4px -1px #004e700f;--card-bg:#e0f2fe;--input-bg:#f0f9ff;--text-main:#0c4a6e;--text-muted:#334155;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#10b9811a,#0000 40%),radial-gradient(circle at 90% 80%,#3b82f61a,#0000 40%);min-height:100vh;font-family:Inter,system-ui,sans-serif}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:var(--radius-md)}.glass-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-glass);background:#0f172a99}h1,h2,h3{letter-spacing:-.02em;font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:var(--radius-md);transition:transform .2s,box-shadow .2s,background .2s}.glass-card:hover{background:#1e293be6;transform:translateY(-2px);box-shadow:0 12px 40px #00000073}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,#059669 100%);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary:hover{box-shadow:0 10px 15px -3px var(--primary-glow),0 4px 6px -2px #0000000d;filter:brightness(110%);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.fade-in{animation:.5s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.desktop-sidebar{z-index:50;transition:left .3s;left:-100%;background:var(--background)!important;border-radius:0!important;width:85%!important;height:100vh!important;margin:0!important;position:fixed!important;top:0!important}.desktop-sidebar.open{left:0;box-shadow:10px 0 30px #00000080}.mobile-close-btn{display:flex!important}.mobile-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.main-content{padding:4rem 1rem 1rem!important}.responsive-grid{grid-template-columns:1fr!important}.glass-panel{padding:1.5rem!important}.hide-mobile{display:none!important}}.modal-backdrop{-webkit-backdrop-filter:blur(5px);z-index:9999;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}:root[data-theme=light] .modal-backdrop{background:#0003}.comparison-grid{grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:.5rem;display:grid}@media(max-width:768px){.comparison-grid{font-size:.8rem;grid-template-columns:1fr 1fr 1fr 1fr!important}.comparison-grid span:first-child{border-bottom:1px solid #ffffff0d;grid-column:1/-1;margin-bottom:.25rem}.responsive-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.responsive-header>div:last-child{justify-content:space-between;gap:.5rem;width:100%}.responsive-header>div:last-child button,.responsive-header>div:last-child>a{flex:1;justify-content:center}}.responsive-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}:root{--image-invert-filter: none}[data-theme=dark]{--image-invert-filter: invert(1)}.member-card,:root[data-theme=dark] .member-card{width:240px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;position:relative;transition:all .3s ease;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000001a;color:#fff}.member-card.large{width:100%;max-width:380px}.member-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}.member-card-header{margin-bottom:1rem;width:100%;text-align:center}.plan-badge{font-size:.75rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:6px 14px;border-radius:20px;border:1px solid currentColor;background:#0000004d;display:inline-block;box-shadow:0 2px 4px #0003}.member-avatar-container{margin-bottom:1rem;position:relative}.member-avatar{width:80px;height:80px;border-radius:50%;border:3px solid;overflow:hidden;background:#0f172a;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000080}.member-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.member-info{text-align:center;margin-bottom:1.25rem;width:100%}.member-name{margin:0 0 .25rem;font-size:1.15rem;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.member-status{font-size:.85rem;color:#94a3b8;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background-color:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.inactive{background-color:#ef4444}.member-stats{display:flex;justify-content:space-between;width:100%;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center;flex:1}.stat-label{display:block;font-size:.7rem;color:#94a3b8;margin-bottom:4px;font-weight:600;text-transform:uppercase}.stat-value{font-size:1rem;font-weight:800;color:#f8fafc}.stat-value small{font-size:.75em;font-weight:500;color:#64748b}:root[data-theme=light] .member-card{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#1e293b;border-color:#ffffff80;box-shadow:0 10px 15px -3px #0ea5e933,0 4px 6px -2px #0ea5e91a}:root[data-theme=light] .member-name{color:#0f172a;text-shadow:none}:root[data-theme=light] .member-status{color:#64748b}:root[data-theme=light] .stat-label{color:#64748b}:root[data-theme=light] .stat-value{color:#0f172a}:root[data-theme=light] .stat-value small{color:#94a3b8}:root[data-theme=light] .member-stats{border-top:1px solid rgba(0,0,0,.1)}:root[data-theme=light] .member-avatar{background:#f8fafc;box-shadow:0 4px 10px #0000001a}.teacher-card,:root[data-theme=dark] .teacher-card{width:100%;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:20px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;position:relative;transition:all .3s ease;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000001a;color:#fff;border:2px solid #06b6d4}.teacher-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}.teacher-card-header{margin-bottom:1.5rem;width:100%;text-align:center}.staff-badge{font-size:.75rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:20px;border:1px solid #06b6d4;color:#06b6d4;background:#06b6d41a;display:inline-block;box-shadow:0 2px 4px #0003;margin-bottom:1rem}.teacher-avatar-container{margin-bottom:1rem;position:relative;display:inline-block}.teacher-avatar{width:90px;height:90px;border-radius:50%;border:3px solid #06b6d4;overflow:hidden;background:#0f172a;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#22d3ee;box-shadow:0 4px 10px #00000080;margin:0 auto}.teacher-info{text-align:center;margin-bottom:1.5rem;width:100%}.teacher-name{margin:0 0 .25rem;font-size:1.25rem;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5rem}.teacher-specialty{font-size:.9rem;color:#22d3ee;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.teacher-contact{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:#94a3b8;background:#0003;padding:1rem;border-radius:12px;width:100%;margin-bottom:1.5rem}.teacher-actions{display:flex;gap:.75rem;justify-content:center;width:100%}.action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;border-radius:8px;padding:.6rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.action-btn.delete:hover{background:#ef444433;border-color:#ef44444d;color:#ef4444}:root[data-theme=light] .teacher-card{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#1e293b;box-shadow:0 10px 15px -3px #0ea5e933,0 4px 6px -2px #0ea5e91a}:root[data-theme=light] .teacher-name{color:#0f172a}:root[data-theme=light] .teacher-contact{background:#0000000d;color:#475569}:root[data-theme=light] .teacher-avatar{background:#f8fafc;box-shadow:0 4px 10px #0000001a}:root[data-theme=light] .action-btn{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#64748b}:root[data-theme=light] .action-btn:hover{background:#0000001a;color:#0f172a}