:root{--text-primary: #202124;--text-secondary: #5f6368;--background-primary: #ffffff;--background-secondary: #f1f3f4;--background-tertiary: #e8eaed;--border-color: #dadce0;--accent-blue: #1a73e8;--accent-blue-hover: #185abc;--accent-red: #d93025;--accent-red-hover: #a50e0e;--gray-200: #e8eaed;--gray-300: #dadce0;--gray-500: #9aa0a6;--gray-600: #80868b;--gray-700: #5f6368;--gray-800: #3c4043;--gray-900: #202124;--gray-1000: #000000;--font-family: "google sans" "Space Mono", monospace;--text: var(--text-primary);--background: var(--background-primary);--border-stroke: var(--border-color);--Neutral-00: var(--background-primary);--Neutral-5: var(--background-secondary);--Neutral-10: var(--background-secondary);--Neutral-15: var(--background-tertiary);--Neutral-20: #dee1e6;--Neutral-30: #bdc1c6;--Neutral-50: #9aa0a6;--Neutral-60: #80868b;--Neutral-80: #5f6368;--Neutral-90: #3c4043;--Blue-500: var(--accent-blue);--Blue-800: #e8f0fe;--Red-400: #f28b82;--Red-500: var(--accent-red);scrollbar-color:var(--gray-600) var(--background-secondary);scrollbar-width:thin;--breakpoint-md: 768px}*{margin:0;padding:0;box-sizing:border-box}:root{background:transparent;color:var(--text);font-family:var(--font-family)}.icon{font-family:Material Symbols Outlined;font-weight:300;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.icon.filled{font-variation-settings:"FILL" 1}.unsupported-ios{position:relative;height:100vh;background:linear-gradient(180deg,#e0f7ff,#fff);display:flex;justify-content:center;align-items:center;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;overflow:hidden;text-align:center}.card{background:#fff;padding:2rem 3rem;border-radius:16px;box-shadow:0 12px 30px #00000026;max-width:480px;width:90%;z-index:10}.card h1{margin-bottom:1rem;font-size:2rem}.card p{font-size:1.1rem;margin-bottom:1rem}.card ul{list-style:none;padding:0;margin:1rem 0 1.5rem}.card ul li{margin:.6rem 0;font-size:1.1rem}.waves{position:absolute;bottom:0;left:0;width:100%;height:30vh;z-index:5;overflow:visible}.wave-path{animation:waveMove 6s linear infinite;transform-origin:center bottom;will-change:transform}@keyframes waveMove{0%{transform:translate(0)}50%{transform:translate(20px)}to{transform:translate(0)}}.membership-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;padding:20px;animation:fadeIn .5s ease-in-out}@media (max-width: 768px){.membership-page{max-height:160vh;overflow-y:auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.membership-header{text-align:center;margin-bottom:40px}.membership-header h2{font-size:32px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.membership-header p{font-size:18px;color:var(--text-secondary);max-width:600px}.pricing-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:100%;max-width:1100px}.pricing-card{background:var(--background-primary);border:1px solid var(--border-color);border-radius:12px;padding:30px;width:100%;max-width:320px;display:flex;flex-direction:column;text-align:left;box-shadow:0 4px 6px #0000000d;transition:transform .3s,box-shadow .3s;position:relative}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.pricing-card h3{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:15px}.pricing-card .price{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:20px}.pricing-card .price span{font-size:16px;font-weight:400;color:var(--text-secondary);margin-left:5px}.pricing-card ul{list-style:none;padding:0;margin-bottom:30px;flex-grow:1}.pricing-card li{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:16px;color:var(--text-secondary)}.pricing-card li .icon{color:var(--accent-blue);font-size:20px}.pricing-card .button{width:100%;padding:12px;font-size:16px;font-weight:600}.pricing-card.highlighted{border:2px solid var(--accent-blue);transform:scale(1.05)}.pricing-card .badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background-color:var(--accent-blue);color:#fff;padding:5px 15px;border-radius:15px;font-size:12px;font-weight:600}.back-button{margin-top:40px;color:var(--text-secondary);background:none;border:none;text-decoration:underline;cursor:pointer}.back-button:hover{color:var(--text-primary)}@media (max-width: 960px){.pricing-card.highlighted{transform:none}}@media (max-width: 768px){.membership-header h2{font-size:28px}.pricing-cards{flex-direction:column;align-items:center}}.card-footer{margin-top:auto;text-align:center}.card-plan{margin-top:2rem;padding:1rem;border-top:1px solid #eee}.plan-box{background-color:#f4f8ff;border:1px solid #d0e3ff;border-radius:8px;padding:1rem;margin-top:.5rem}.upgrade-btn{margin-top:.8rem;padding:.6rem 1.2rem;background-color:#007bff;border:none;border-radius:6px;color:#fff;font-weight:500;cursor:pointer;transition:background .2s}.upgrade-btn:hover{background-color:#0056b3}