:root{--apple-blue: #007aff;--apple-blue-dark: #0051d5;--apple-gray-1: #8e8e93;--apple-gray-2: #636366;--apple-gray-3: #48484a;--apple-gray-4: #3a3a3c;--apple-gray-5: #2c2c2e;--apple-gray-6: #1c1c1e;--rm-blue: #007aff;--rm-blue-light: #5ac8fa;--rm-blue-dark: #0051d5;--rm-purple: #5856d6;--rm-purple-light: #af52de;--rm-green: #34c759;--rm-orange: #ff9500;--rm-red: #ff3b30;--rm-teal: #5ac8fa;--rm-success: var(--rm-green);--rm-warning: var(--rm-orange);--rm-error: var(--rm-red);--rm-info: var(--rm-blue);--rm-gradient-primary: linear-gradient( 135deg, var(--rm-blue) 0%, var(--rm-purple) 100% );--rm-gradient-success: linear-gradient(135deg, #34c759 0%, #30d158 100%);--rm-gradient-premium: linear-gradient(135deg, #5856d6 0%, #af52de 100%);--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-tertiary: #e8e8ed;--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}.dark{--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--glass-bg: rgba(28, 28, 30, .72);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .32);--rm-blue: #0a84ff;--rm-purple: #bf5af2;--rm-green: #30d158;--rm-orange: #ff9f0a;--rm-red: #ff453a}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;scroll-padding-top:3rem}body{font-family:var(--font-sans);letter-spacing:-.01em;line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-weight:600}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.glass-subtle{background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dark .glass-subtle{background:#1c1c1e80}.glass-card{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.3)}.dark .glass-card{background:#1c1c1e99;border-color:#ffffff1a}.shadow-apple-sm{box-shadow:0 1px 2px #0000000a,0 1px 3px #00000014}.shadow-apple{box-shadow:0 2px 4px #0000000a,0 4px 12px #00000014}.shadow-apple-md{box-shadow:0 4px 6px #0000000a,0 10px 24px #0000001a}.shadow-apple-lg{box-shadow:0 8px 16px #0000000f,0 20px 40px #0000001f}.shadow-apple-xl{box-shadow:0 12px 24px #00000014,0 32px 64px #00000029}.dark .shadow-apple-sm,.dark .shadow-apple,.dark .shadow-apple-md,.dark .shadow-apple-lg,.dark .shadow-apple-xl{box-shadow:0 4px 12px #0006,0 0 1px #ffffff1a}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .5s ease-out forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .3s ease-out forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .2s ease-out forwards}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slide-down .2s ease-out forwards}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-bounce-soft{animation:bounce-soft 1s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 37%,#f0f0f0 63%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.dark .skeleton{background:linear-gradient(90deg,#2c2c2e 25%,#3a3a3c 37%,#2c2c2e 63%);background-size:200% 100%}@keyframes glow{0%,to{box-shadow:0 0 20px #007aff4d}50%{box-shadow:0 0 30px #007aff80}}.animate-glow{animation:glow 2s ease-in-out infinite}.hover-lift{transition:all .3s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 16px 32px -8px #0003,0 0 0 1px #007aff1a;border-color:#007aff33}.dark .hover-lift:hover{box-shadow:0 16px 32px -8px #0009,0 0 40px #007aff26;border-color:#007aff66}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#c8c8c833 25%,#c8c8c880,#c8c8c833 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.dark .skeleton-shimmer{background:linear-gradient(90deg,#3232324d 25%,#50505080,#3232324d 75%);background-size:200% 100%}.card-hover{transition:all var(--transition-base)}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014,0 20px 40px #0000001f}.animate-stagger>*:nth-child(1){animation-delay:50ms}.animate-stagger>*:nth-child(2){animation-delay:.1s}.animate-stagger>*:nth-child(3){animation-delay:.15s}.animate-stagger>*:nth-child(4){animation-delay:.2s}.animate-stagger>*:nth-child(5){animation-delay:.25s}.animate-stagger>*:nth-child(6){animation-delay:.3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp .6s cubic-bezier(.16,1,.3,1) forwards}.dark .card-hover:hover{box-shadow:0 8px 24px #0006,0 0 1px #ffffff26}.card-interactive{transition:all var(--transition-base);cursor:pointer}.card-interactive:hover{transform:scale(1.02)}.card-interactive:active{transform:scale(.98)}.btn-press{transition:all var(--transition-fast)}.btn-press:active{transform:scale(.97)}.btn-glow:hover{box-shadow:0 4px 20px #007aff66}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:100px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#00000040;border:2px solid transparent;background-clip:padding-box}.dark ::-webkit-scrollbar-thumb{background:#ffffff26;border:2px solid transparent;background-clip:padding-box}.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff40;border:2px solid transparent;background-clip:padding-box}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.focus-ring:focus{outline:none;box-shadow:0 0 0 4px #007aff4d}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 4px #007aff66}.gradient-text{background:linear-gradient(135deg,#007aff,#5856d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-primary{background:linear-gradient(135deg,#007aff,#0051d5)}.gradient-purple{background:linear-gradient(135deg,#5856d6,#af52de)}.gradient-mesh{background:radial-gradient(at 40% 20%,rgba(0,122,255,.15) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(88,86,214,.1) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(175,82,222,.1) 0px,transparent 50%)}.dark .gradient-mesh{background:radial-gradient(at 40% 20%,rgba(0,122,255,.08) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(88,86,214,.06) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(175,82,222,.06) 0px,transparent 50%)}.backdrop-blur-apple{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.overlay-dark{background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1) 20%,rgba(0,0,0,.1) 80%,transparent)}.dark .divider{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent)}.status-dot{position:relative}.status-dot:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#34c759;top:-2px;right:-2px;border:2px solid white}.dark .status-dot:after{border-color:#1c1c1e}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.realtime-indicator{position:relative}.realtime-indicator:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#34c759;animation:pulse-ring 1.5s ease-out infinite}::selection{background:#007aff33}.dark ::selection{background:#007aff4d}.bubble-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:5}.content-above-bubbles{position:relative;z-index:10}.bubble-clickthrough{pointer-events:none}.bubble-clickthrough a,.bubble-clickthrough button,.bubble-clickthrough input,.bubble-clickthrough select,.bubble-clickthrough textarea,.bubble-clickthrough [role=button]{pointer-events:auto}.bubble{position:absolute;border-radius:50%;pointer-events:auto;cursor:pointer;will-change:transform,opacity;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,transparent 50%),linear-gradient(135deg,#007aff59,#5856d64d,#af52de40);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.4);box-shadow:inset 0 0 30px #ffffff26,0 8px 32px #007aff26,0 4px 16px #5856d61a;transition:transform .6s cubic-bezier(.34,1.56,.64,1),box-shadow .6s ease,opacity .6s ease;opacity:0;animation:bubble-float var(--bubble-duration, 25s) ease-in-out infinite;animation-delay:var(--bubble-delay, 0s);animation-fill-mode:both;opacity:1;transition:opacity 1s ease-out}.bubble:hover{filter:brightness(1.15) contrast(1.1);box-shadow:inset 0 0 40px #ffffff59,0 16px 48px #007aff59,0 0 80px #5856d640}.bubble-pop{animation:bubble-pop .5s cubic-bezier(.34,1.56,.64,1) forwards!important;pointer-events:none}@keyframes bubble-spawn{0%{opacity:0}to{opacity:1}}@keyframes bubble-float{0%{transform:translate(0) scale(1) rotate(0)}10%{transform:translate(30px,-80px) scale(1.02) rotate(3deg)}20%{transform:translate(70px,-180px) scale(1.05) rotate(7deg)}30%{transform:translate(50px,-280px) scale(1.03) rotate(4deg)}40%{transform:translate(-20px,-360px) scale(.98) rotate(-3deg)}50%{transform:translate(-80px,-420px) scale(.95) rotate(-8deg)}60%{transform:translate(-100px,-360px) scale(.97) rotate(-5deg)}70%{transform:translate(-60px,-260px) scale(1.01) rotate(2deg)}80%{transform:translate(-20px,-150px) scale(1.03) rotate(5deg)}90%{transform:translate(10px,-70px) scale(1.02) rotate(2deg)}to{transform:translate(0) scale(1) rotate(0)}}@keyframes bubble-pop{0%{transform:scale(1);opacity:1}40%{transform:scale(1.3);opacity:.7}to{transform:scale(1.6);opacity:0}}.bubble:nth-child(odd){background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35) 0%,transparent 50%),linear-gradient(45deg,#5856d652,#af52de47,#ff2d552e);animation-direction:reverse,normal}.bubble:nth-child(3n){background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35) 0%,transparent 50%),linear-gradient(180deg,#34c75947,#007aff52)}.bubble:nth-child(5n){background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,transparent 50%),linear-gradient(135deg,#ff95004d,#ffcc0040);animation-direction:normal,normal}.bubble:nth-child(2n){--bubble-duration: 30s}.bubble:nth-child(odd){--bubble-delay: -5s}.bubble:nth-child(3n+1){--bubble-delay: -10s}.bubble:nth-child(4n+1){--bubble-delay: -15s}.stagger-animate>*{animation:fade-in-up .4s ease-out forwards;opacity:0}.stagger-animate>*:nth-child(1){animation-delay:.05s}.stagger-animate>*:nth-child(2){animation-delay:.1s}.stagger-animate>*:nth-child(3){animation-delay:.15s}.stagger-animate>*:nth-child(4){animation-delay:.2s}.stagger-animate>*:nth-child(5){animation-delay:.25s}.stagger-animate>*:nth-child(6){animation-delay:.3s}.stagger-animate>*:nth-child(7){animation-delay:.35s}.stagger-animate>*:nth-child(8){animation-delay:.4s}.stagger-animate>*:nth-child(9){animation-delay:.45s}.stagger-animate>*:nth-child(10){animation-delay:.5s}.stagger-animate>*:nth-child(11){animation-delay:.55s}.stagger-animate>*:nth-child(12){animation-delay:.6s}.hamburger-line{display:block;width:18px;height:2px;background-color:currentColor;border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger-open .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-open .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@keyframes orb-float-0{0%,to{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(calc(-50% + 50px),calc(-50% - 70px)) scale(1.03)}50%{transform:translate(calc(-50% - 40px),calc(-50% - 30px)) scale(.97)}75%{transform:translate(calc(-50% + 60px),calc(-50% + 40px)) scale(1.01)}}@keyframes orb-float-1{0%,to{transform:translate(-50%,-50%) scale(1)}33%{transform:translate(calc(-50% - 60px),calc(-50% - 50px)) scale(1.05)}66%{transform:translate(calc(-50% + 70px),calc(-50% + 60px)) scale(.95)}}@keyframes orb-float-2{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}50%{transform:translate(calc(-50% + 80px),calc(-50% - 60px)) scale(1.08) rotate(180deg)}}.dark .gradient-text{background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dark .glow-blue{box-shadow:0 0 20px #0a84ff26,0 0 40px #0a84ff1a,0 0 80px #0a84ff0d}.dark .glow-purple{box-shadow:0 0 20px #bf5af226,0 0 40px #bf5af21a,0 0 80px #bf5af20d}.dark .surface-elevated{background:linear-gradient(145deg,#262629,#1c1c1e);border:1px solid rgba(255,255,255,.06)}.dark .texture-noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.02'/%3E%3C/svg%3E")}.gradient-border{position:relative;background:var(--bg-secondary);background-clip:padding-box}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;background:var(--rm-gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.bg-gradient-primary{background:var(--rm-gradient-primary)}.bg-gradient-premium{background:var(--rm-gradient-premium)}.text-rm-blue{color:var(--rm-blue)}.text-rm-purple{color:var(--rm-purple)}.text-rm-green{color:var(--rm-green)}