*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #818cf8;--color-secondary: #8b5cf6;--color-secondary-dark: #7c3aed;--color-secondary-light: #a78bfa;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--max-width-2xl: 1536px}.container{width:100%;max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--spacing-md);overflow-x:hidden;box-sizing:border-box}*{box-sizing:border-box;max-width:100%}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.grid{display:grid}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.btn{padding:.625rem 1.5rem;border-radius:12px;font-weight:600;font-size:.9375rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;border:none;box-shadow:0 2px 4px #0000000d}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px -2px #0000001a}.btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%)}.btn-secondary{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:#fff}.btn-secondary:hover{background:linear-gradient(135deg,var(--color-secondary-dark) 0%,var(--color-secondary) 100%)}.card{background:var(--bg-card);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(0,0,0,.05);padding:var(--spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fade-in{animation:fadeIn var(--transition-normal)}.slide-up{animation:slideUp var(--transition-normal)}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:var(--bg-main);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}#root{width:100%;min-height:100vh;overflow-x:hidden}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}a{color:var(--color-primary);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f14d,#8b5cf64d);border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6366f180,#8b5cf680);background-clip:content-box}.dashboard{min-height:100vh;background:radial-gradient(at 38% 38%,rgba(99,102,241,.05) 0px,transparent 50%),radial-gradient(at 81% 70%,rgba(139,92,246,.04) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(236,72,153,.03) 0px,transparent 50%),linear-gradient(180deg,#fafafa,#f0f0f3);position:relative;padding:24px 24px 0;overflow-x:hidden;width:100%;box-sizing:border-box}.dashboard:before{content:"";position:fixed;top:-50%;right:-20%;width:810px;height:810px;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 26s ease-in-out infinite}.dashboard:after{content:"";position:fixed;bottom:-30%;left:-15%;width:605px;height:605px;background:radial-gradient(circle,rgba(139,92,246,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;animation:float 40s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(5deg)}50%{transform:translate(-20px,20px) rotate(-5deg)}75%{transform:translate(20px,30px) rotate(3deg)}}.dashboard-header{text-align:center;margin-bottom:40px;position:relative;z-index:1;padding:16px 0 8px}.dashboard-title{font-size:clamp(42px,6vw,110px);font-weight:800;margin-top:2rem;margin-bottom:16px;background:linear-gradient(135deg,#000,#434343,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:shimmer 3s linear infinite;letter-spacing:-.04em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;line-height:1.1}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.dashboard-subtitle{font-size:clamp(16px,2vw,20px);color:#666;font-weight:500;letter-spacing:-.01em;max-width:700px;margin:0 auto;line-height:1.618}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid{max-width:1100px;margin:130px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;padding:0 24px;position:relative;z-index:1;align-items:start}@media(max-width:1400px){.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:25.9px;padding:0 26px 42px}}@media(max-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:0 24px 26px}}@media(max-width:768px){.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:0 20px 40px}.dashboard{padding:40px 16px}.dashboard-header{margin-bottom:40px;padding:20px 0 10px}.app-icon{font-size:2.5rem;width:2.5rem;height:2.5rem;top:24px;left:24px}.app-tile-content{padding:24px}.app-name{font-size:1.125rem;margin-bottom:6px}.app-description{font-size:.8125rem;line-height:1.4}}.app-tile-wrapper{position:sticky;top:1rem;align-self:start;z-index:10}.app-tile{position:relative;border-radius:24px;overflow:hidden;background:#fff;cursor:pointer;transition:all 485ms cubic-bezier(.34,1.618,.64,1);box-shadow:0 4px 16px #0000000f,0 2px 4px #0000000a,inset 0 0 0 1px #ffffff4d;will-change:transform;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);aspect-ratio:1 / 1;width:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(var(--color-1),1),rgba(var(--color-2),.95),rgba(var(--color-3),1));background-size:200% 200%;animation:gradientShift 12s ease infinite}.app-tile-wrapper:nth-child(1) .app-tile{--color-1: 0, 122, 255;--color-2: 52, 170, 220;--color-3: 90, 200, 250}.app-tile-wrapper:nth-child(2) .app-tile{--color-1: 255, 45, 85;--color-2: 255, 100, 130;--color-3: 255, 149, 0}.app-tile-wrapper:nth-child(3) .app-tile{--color-1: 52, 199, 89;--color-2: 48, 209, 88;--color-3: 50, 215, 75}.app-tile-wrapper:nth-child(4) .app-tile{--color-1: 255, 149, 0;--color-2: 255, 179, 64;--color-3: 255, 204, 0}.app-tile-wrapper:nth-child(5) .app-tile{--color-1: 175, 82, 222;--color-2: 191, 90, 242;--color-3: 218, 122, 255}.app-tile-wrapper:nth-child(6) .app-tile{--color-1: 255, 59, 48;--color-2: 255, 89, 78;--color-3: 255, 120, 110}.app-tile-wrapper:nth-child(7) .app-tile{--color-1: 0, 199, 190;--color-2: 64, 224, 208;--color-3: 102, 212, 207}.app-tile-wrapper:nth-child(8) .app-tile{--color-1: 255, 204, 0;--color-2: 255, 214, 10;--color-3: 255, 230, 100}.app-tile-wrapper:nth-child(9) .app-tile{--color-1: 88, 86, 214;--color-2: 94, 92, 230;--color-3: 120, 118, 255}.app-tile-wrapper:nth-child(10) .app-tile{--color-1: 0, 199, 190;--color-2: 102, 212, 207;--color-3: 174, 234, 220}.app-tile-wrapper:nth-child(11) .app-tile{--color-1: 50, 173, 230;--color-2: 85, 190, 240;--color-3: 135, 206, 250}.app-tile-wrapper:nth-child(12) .app-tile{--color-1: 162, 132, 94;--color-2: 172, 142, 104;--color-3: 205, 133, 63}.app-tile-wrapper:nth-child(13) .app-tile{--color-1: 255, 45, 85;--color-2: 255, 55, 95;--color-3: 255, 20, 147}.app-tile-wrapper:nth-child(14) .app-tile{--color-1: 50, 215, 75;--color-2: 100, 230, 120;--color-3: 154, 255, 154}.app-tile-wrapper:nth-child(15) .app-tile{--color-1: 255, 100, 130;--color-2: 255, 140, 160;--color-3: 255, 182, 193}.app-tile-wrapper:nth-child(16) .app-tile{--color-1: 138, 43, 226;--color-2: 153, 50, 204;--color-3: 186, 85, 211}@keyframes gradientShift{0%,to{background-position:0% 50%,100% 50%,0% 50%,0% 0%}33%{background-position:50% 100%,50% 0%,100% 50%,0% 0%}66%{background-position:100% 50%,0% 50%,50% 100%,0% 0%}}.app-tile-content{padding:30px;position:relative;z-index:10;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex:1;color:#fff;text-align:left;min-height:0}.app-tile:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 60px #00000026,0 12px 24px #0000001f,0 0 0 1px #ffffff80,0 0 40px rgba(var(--color-1),.2),inset 0 1px #ffffff4d;filter:brightness(1.05) saturate(1.1)}.app-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0 50%),repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,.03) 20px,rgba(255,255,255,.03) 21px);opacity:1;transition:opacity .3s ease;pointer-events:none;border-radius:24px;z-index:1}.app-tile:hover:before{background:linear-gradient(135deg,#ffffff4d,#ffffff0d 60%),repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,.05) 20px,rgba(255,255,255,.05) 21px)}.app-tile:after{content:"";position:absolute;bottom:0;left:0;right:0;height:70%;background:radial-gradient(ellipse at bottom,rgba(255,255,255,.15) 0%,transparent 70%),linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 100%);opacity:1;pointer-events:none;border-radius:0 0 24px 24px;transition:opacity .3s ease;z-index:1}.app-tile:hover:after{opacity:.8;background:radial-gradient(ellipse at bottom,rgba(255,255,255,.25) 0%,transparent 70%),linear-gradient(to top,rgba(0,0,0,.3) 0%,transparent 100%)}.app-icon{font-size:48px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25)) drop-shadow(0 1px 4px rgba(0,0,0,.2));transition:all 485ms cubic-bezier(.34,1.618,.64,1);width:48px;height:48px;line-height:1;margin-bottom:auto;color:#fff;position:relative}.app-icon:before{content:"";position:absolute;inset:-12px;background:radial-gradient(circle,rgba(255,255,255,.25) 0%,rgba(255,255,255,.1) 40%,transparent 70%),radial-gradient(circle,rgba(var(--color-2),.2) 0%,transparent 60%);opacity:0;transition:all 485ms cubic-bezier(.34,1.618,.64,1);border-radius:50%;z-index:-1;filter:blur(12px)}.app-tile:hover .app-icon:before{opacity:1;animation:pulse 2s ease-in-out infinite;inset:-16px;filter:blur(20px);background:radial-gradient(circle,rgba(255,255,255,.4) 0%,rgba(255,255,255,.15) 40%,transparent 70%),radial-gradient(circle,rgba(var(--color-1),.3) 0%,rgba(var(--color-3),.2) 50%,transparent 70%)}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}.app-tile:hover .app-icon{transform:scale(1.15) rotate(-5deg) translateY(-4px);filter:drop-shadow(0 8px 20px rgba(0,0,0,.3)) drop-shadow(0 0 40px rgba(255,255,255,.6)) drop-shadow(0 2px 8px rgba(0,0,0,.2))}.app-tile:active .app-icon{transform:scale(1.05) rotate(0);transition:all 185ms ease}.app-text-content{display:flex;flex-direction:column;gap:8px;position:relative;z-index:2}.app-name{font-size:22px;font-weight:700;margin:0;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4),0 4px 16px rgba(var(--color-1),.3);letter-spacing:-.03em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;line-height:1.2;transition:all .3s ease;position:relative}.app-tile:hover .app-name{text-shadow:0 3px 12px rgba(0,0,0,.6),0 1px 4px rgba(0,0,0,.5),0 0 30px rgba(255,255,255,.4),0 6px 24px rgba(var(--color-2),.4);transform:translateY(-1px);letter-spacing:-.025em}.app-description{font-size:14px;color:#fffffff2;line-height:1.5;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3),0 2px 8px rgba(var(--color-1),.2);transition:all .3s ease;margin:0;max-width:92%;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.app-tile:hover .app-description{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.4),0 0 20px rgba(255,255,255,.3),0 3px 12px rgba(var(--color-3),.3);transform:translateY(-1px)}.app-tile-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:2;background:#0000001a}.app-tile:hover .app-tile-overlay{opacity:0}.launch-text{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}@media(max-width:768px){.dashboard-title{font-size:2rem}.dashboard-subtitle{font-size:1rem}.dashboard-grid{grid-template-columns:1fr}.app-tile{min-height:200px}.app-icon{font-size:3rem}.app-name{font-size:1.5rem}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:100;animation:slideDown .3s ease-out}.back-button{padding:.625rem 1.25rem;background:var(--app-primary, var(--color-primary));color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.back-button:hover{background:var(--app-primary-dark, var(--color-primary-dark));transform:translate(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.back-button:active{transform:translate(-2px)}.app-header-title{font-size:1.75rem;font-weight:700;color:var(--app-text, var(--text-primary));text-align:center;flex:1;letter-spacing:-.01em}.app-header-spacer{width:170px}.app-content{flex:1;padding:var(--spacing-2xl) var(--spacing-xl);max-width:1600px;width:100%;margin:0 auto;animation:fadeIn .4s ease-in;background:var(--bg-main)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.app-header{padding:var(--spacing-sm) var(--spacing-md)}.app-header-title{font-size:1.25rem}.back-button{padding:var(--spacing-xs) var(--spacing-md);font-size:.875rem}.app-header-spacer{width:80px}.app-content{padding:var(--spacing-md)}}.shortcuts-help-trigger{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:64px;height:64px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;font-size:1.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px -5px #0000004d;cursor:pointer;border:3px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:999}.shortcuts-help-trigger:hover{transform:scale(1.15) rotate(90deg);box-shadow:0 20px 40px -10px #0006;border-color:#fff6}.shortcuts-help-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}.shortcuts-help-modal{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #0000004d;border:1px solid rgba(0,0,0,.1);max-width:700px;width:90%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}.shortcuts-help-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-2xl);background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-bottom:1px solid rgba(0,0,0,.08)}.shortcuts-help-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.01em}.shortcuts-help-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.shortcuts-help-close:hover{background:var(--bg-hover);color:var(--text-primary)}.shortcuts-help-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.shortcuts-help-content::-webkit-scrollbar{width:6px}.shortcuts-help-content::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.shortcuts-category{margin-bottom:var(--spacing-xl)}.shortcuts-category:last-child{margin-bottom:0}.shortcuts-category h3{font-size:1.125rem;color:var(--color-primary);margin-bottom:var(--spacing-md);text-transform:uppercase;font-weight:700;letter-spacing:.5px}.shortcuts-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-hover);border-radius:var(--radius-md);transition:all var(--transition-fast)}.shortcut-item:hover{background:var(--bg-card);transform:translate(4px)}.shortcut-keys{font-family:Courier New,monospace;font-weight:600;color:var(--color-primary);background:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;white-space:nowrap}.shortcut-description{flex:1;margin-left:var(--spacing-md);color:var(--text-secondary)}.shortcuts-help-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--bg-hover);text-align:center}.shortcuts-help-footer p{margin:0;color:var(--text-muted);font-size:.875rem}.shortcuts-help-footer kbd{background:var(--bg-hover);padding:2px 6px;border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.8rem;font-weight:600;color:var(--text-primary);border:1px solid var(--text-muted)}@media(max-width:768px){.shortcuts-help-modal{width:95%;max-height:90vh}.shortcuts-help-trigger{bottom:var(--spacing-md);right:var(--spacing-md);width:48px;height:48px;font-size:1.25rem}.shortcut-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.shortcut-description{margin-left:0}}#root{width:100%;min-height:100vh}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-lg)}.spinner{width:50px;height:50px;border:4px solid rgba(0,0,0,.1);border-left-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{font-size:1.125rem;color:var(--text-secondary)}.app-input{width:100%;padding:.875rem 1.25rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);background:#fff;color:var(--text-primary)}.app-input:hover{border-color:#cbd5e1}.app-input:focus{outline:none;border-color:var(--app-primary, var(--color-primary));box-shadow:0 0 0 3px #6366f11a}.app-input::placeholder{color:var(--text-muted);opacity:.7}.app-button{padding:.875rem 1.75rem;background:var(--app-primary, var(--color-primary));color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.app-button:hover{background:var(--app-primary-dark, var(--color-primary-dark));transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.app-button:active{transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.app-card{background:#fff;border-radius:16px;padding:var(--spacing-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.app-display{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:var(--spacing-lg);font-size:1.125rem;color:var(--text-primary)}.fitness-landing{min-height:100vh;background:linear-gradient(180deg,#fafafa,#f0f0f3);overflow-x:hidden}.hero-section{min-height:100vh;padding:60px 40px;position:relative;background:radial-gradient(at 20% 30%,rgba(16,185,129,.1) 0px,transparent 50%),radial-gradient(at 80% 70%,rgba(59,130,246,.08) 0px,transparent 50%)}.back-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffffe6;border-radius:12px;text-decoration:none;color:#1a1a1a;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.back-button:hover{transform:translate(-4px);box-shadow:0 4px 16px #00000026}.hero-content{max-width:1200px;margin:80px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.hero-badge{display:inline-block;padding:8px 16px;background:#10b9811a;border-radius:20px;font-size:14px;font-weight:600;color:#10b981;margin-bottom:24px}.hero-title{font-size:clamp(42px,6vw,72px);font-weight:900;line-height:1.1;margin-bottom:24px;color:#1a1a1a;letter-spacing:-.03em}.gradient-text{background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;color:#666;line-height:1.6;margin-bottom:32px;max-width:500px}.hero-buttons{display:flex;gap:16px;margin-bottom:48px}.btn-primary,.btn-secondary{padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px #10b9814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #10b98166}.btn-secondary{background:#fff;color:#1a1a1a;box-shadow:0 2px 8px #0000001a}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.hero-stats{display:flex;gap:48px}.stat{display:flex;flex-direction:column}.stat-number{font-size:32px;font-weight:800;color:#10b981;line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:#666}.hero-visual{display:flex;justify-content:center;align-items:center}.mockup-phone{width:300px;height:600px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:40px;padding:12px;box-shadow:0 30px 60px #0000004d,0 0 0 1px #ffffff1a;position:relative}.phone-notch{position:absolute;top:20px;left:50%;transform:translate(-50%);width:120px;height:28px;background:#1a1a1a;border-radius:0 0 20px 20px}.phone-content{width:100%;height:100%;background:linear-gradient(180deg,#fafafa,#f0f0f3);border-radius:32px;padding:60px 20px 20px;overflow:hidden}.workout-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;padding:24px;color:#fff;box-shadow:0 8px 24px #10b9814d}.workout-emoji{font-size:48px;display:block;margin-bottom:16px}.workout-card h3{font-size:20px;margin-bottom:16px}.workout-progress{width:100%;height:8px;background:#fff3;border-radius:4px;margin-bottom:8px;overflow:hidden}.progress-bar{height:100%;background:#fff;border-radius:4px;transition:width .3s ease}.features-section,.testimonials-section,.pricing-section{padding:100px 40px;max-width:1200px;margin:0 auto}.section-title{font-size:clamp(36px,5vw,56px);font-weight:800;text-align:center;margin-bottom:16px;color:#1a1a1a}.section-subtitle{text-align:center;font-size:18px;color:#666;margin-bottom:64px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.feature-card{background:#fff;padding:32px;border-radius:20px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;cursor:pointer}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001f}.feature-icon{font-size:48px;display:block;margin-bottom:16px}.feature-card h3{font-size:22px;margin-bottom:12px;color:#1a1a1a}.feature-card p{color:#666;line-height:1.6;margin-bottom:16px}.feature-stats{display:inline-block;padding:6px 12px;background:#10b9811a;border-radius:8px;font-size:14px;font-weight:600;color:#10b981}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.testimonial-card{background:#fff;padding:32px;border-radius:20px;box-shadow:0 4px 16px #00000014}.testimonial-text{font-size:16px;line-height:1.6;color:#1a1a1a;margin-bottom:24px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:16px}.author-avatar{font-size:48px}.testimonial-author h4{font-size:16px;margin-bottom:4px;color:#1a1a1a}.testimonial-author p{font-size:14px;color:#666}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1000px;margin:0 auto}.pricing-card{background:#fff;padding:40px 32px;border-radius:20px;box-shadow:0 4px 16px #00000014;position:relative;transition:all .3s ease}.pricing-card.highlighted{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:scale(1.05);box-shadow:0 12px 32px #10b9814d}.pricing-card:hover{transform:translateY(-8px)}.pricing-card.highlighted:hover{transform:scale(1.05) translateY(-8px)}.badge-popular{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#f59e0b;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700}.pricing-card h3{font-size:24px;margin-bottom:16px}.price{font-size:42px;font-weight:800;margin-bottom:32px}.features-list{list-style:none;padding:0;margin:0 0 32px}.features-list li{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.1)}.pricing-card.highlighted .features-list li{border-bottom-color:#fff3}.cta-section{padding:100px 40px;background:linear-gradient(135deg,#10b981,#3b82f6);text-align:center}.cta-content{max-width:700px;margin:0 auto}.cta-content h2{font-size:clamp(32px,5vw,48px);color:#fff;margin-bottom:16px}.cta-content p{font-size:18px;color:#ffffffe6;margin-bottom:32px}.btn-large{padding:20px 48px;font-size:18px}.cta-note{font-size:14px!important;margin-top:16px!important;color:#fffc!important}@media(max-width:768px){.hero-content{grid-template-columns:1fr;gap:48px;text-align:center}.hero-subtitle,.hero-stats{margin-left:auto;margin-right:auto}.hero-buttons{flex-direction:column}.hero-stats{flex-direction:column;gap:24px}}