*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:linear-gradient(135deg,var(--bg) 0%,var(--bg3) 50%,var(--bg2) 100%);color:var(--text);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);padding-top:calc(var(--space-8) + var(--safe-area-top));padding-bottom:calc(var(--space-8) + var(--safe-area-bottom));position:relative;overflow-x:hidden}body:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(47,107,255,.06) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(6,182,212,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.container{max-width:var(--container-lg);width:100%;text-align:center;position:relative;z-index:1;padding:var(--space-14) 0}.header{margin-bottom:var(--space-12);animation:fadeInDown .6s ease}.header h1{font-size:clamp(var(--text-5xl),6vw,var(--text-6xl));font-weight:800;background-image:linear-gradient(135deg,var(--primary-dark) 0%,var(--brand-indigo) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-5);letter-spacing:-.04em;line-height:var(--line-height-tight)}.header .subtitle{font-size:clamp(var(--text-lg),2vw,var(--text-xl));color:var(--text2);font-weight:500}.status{display:inline-flex;align-items:center;gap:var(--space-3);background:var(--card);border:1px solid var(--border);padding:var(--space-3) var(--space-7);border-radius:var(--radius-full);font-size:var(--text-md);color:var(--text2);margin-bottom:var(--space-12);box-shadow:var(--shadow);animation:fadeIn .8s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.status-dot{width:14px;height:14px;background:var(--success);border-radius:50%;position:relative;flex-shrink:0;box-shadow:0 0 0 4px #10b9811f,0 0 16px #10b98173}.status-dot:after{content:"";position:absolute;inset:-5px;border-radius:50%;background:#10b98159;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(2.2);opacity:0}}.apps{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-10);margin-bottom:var(--space-12)}.app-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-3xl);padding:var(--space-12) var(--space-10);text-align:left;box-shadow:var(--shadow);transition:transform var(--transition-slow),box-shadow var(--transition-slow),border-color var(--transition-slow);cursor:pointer;text-decoration:none;color:inherit;position:relative;overflow:hidden;animation:fadeInUp .6s ease both;display:flex;flex-direction:column;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app-card:nth-child(1){animation-delay:.1s}.app-card:nth-child(2){animation-delay:.2s}.app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--brand-indigo) 100%);opacity:0;transition:opacity var(--transition-slow)}.app-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.app-card:hover:before{opacity:1}.app-card:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light);outline:2px solid var(--border-focus);outline-offset:4px}.app-card:active{transform:translateY(-2px)}.app-icon{width:88px;height:88px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:44px;margin-bottom:var(--space-7);position:relative;flex-shrink:0;border:2px solid rgba(255,255,255,.5);transition:transform var(--transition-bounce),box-shadow var(--transition-slow);animation:iconFloat 4s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.finance-icon{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);box-shadow:0 14px 44px #2f6bff6b,0 6px 18px #2f6bff47,inset 0 1px #ffffff4d}.todo-icon{background:linear-gradient(135deg,var(--brand-indigo) 0%,var(--brand-indigo-light) 100%);box-shadow:0 14px 44px #6366f16b,0 6px 18px #6366f147,inset 0 1px #ffffff4d}.finance-icon:after,.todo-icon:after{content:"";position:absolute;inset:-3px;border-radius:inherit;border:2px solid transparent;opacity:0;transition:opacity var(--transition-slow)}.finance-icon:after{border-color:#2f6bff59}.todo-icon:after{border-color:#6366f159}.app-card:hover .app-icon{transform:scale(1.08) translateY(-4px)}.app-card:hover .finance-icon:after,.app-card:hover .todo-icon:after{opacity:1}.app-card:active .app-icon{transform:scale(.96)}.app-card h2{font-size:clamp(var(--text-3xl),2.5vw,var(--text-4xl));margin-bottom:var(--space-3);font-weight:700;letter-spacing:-.02em;line-height:var(--line-height-tight);color:var(--text)}.app-card p{color:var(--text2);font-size:clamp(var(--text-md),1.5vw,var(--text-lg));line-height:var(--line-height-relaxed);margin-bottom:var(--space-7)}.features{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-7)}.feature-tag{background:var(--primary-50);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--primary);font-weight:600;border:1px solid var(--border);transition:all var(--transition-fast);cursor:pointer;min-height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center}.feature-tag:hover,.feature-tag:focus-visible{background:var(--primary);color:var(--text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary);outline:none}.stats{display:flex;gap:var(--space-8);padding-top:var(--space-7);border-top:1px solid var(--border);margin-top:auto}.stat-item{text-align:center;flex:1;min-width:0}.stat-value{font-size:clamp(var(--text-2xl),2vw,var(--text-3xl));font-weight:700;color:var(--primary);margin-bottom:var(--space-1);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label{font-size:var(--text-sm);color:var(--text3);font-weight:500}.footer{margin-top:var(--space-16);color:var(--text3);font-size:var(--text-md);animation:fadeIn 1s ease;padding-bottom:var(--safe-area-bottom)}.footer p{line-height:var(--line-height-relaxed)}.footer code{background:var(--card);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);border:1px solid var(--border);color:var(--primary);font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){body{padding:var(--space-7);padding-top:calc(var(--space-7) + var(--safe-area-top));padding-bottom:calc(var(--space-7) + var(--safe-area-bottom))}.container{padding:var(--space-10) 0}.header{margin-bottom:var(--space-10)}.status{margin-bottom:var(--space-10);padding:var(--space-3) var(--space-6)}.apps{grid-template-columns:1fr;gap:var(--space-8)}.app-card{padding:var(--space-10) var(--space-8)}.app-icon{width:72px;height:72px;font-size:36px;margin-bottom:var(--space-6)}.app-card p{font-size:var(--text-md)}.features{gap:var(--space-2)}.feature-tag{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.stats{gap:var(--space-6);justify-content:center}.stat-value{font-size:var(--text-2xl)}.footer{margin-top:var(--space-12)}}@media (max-width: 600px){.header h1{font-size:var(--text-4xl)}.header .subtitle{font-size:var(--text-md)}.status{font-size:var(--text-sm);padding:var(--space-2) var(--space-5);width:100%;justify-content:center}.apps{gap:var(--space-9)}.app-card{padding:var(--space-9) var(--space-7);border-radius:var(--radius-2xl)}.app-icon{width:64px;height:64px;font-size:32px;border-radius:var(--radius-xl)}.app-card h2{font-size:var(--text-2xl)}.app-card p{font-size:var(--text-md);margin-bottom:var(--space-6)}.feature-tag{min-height:var(--touch-target-comfortable);font-size:var(--text-md);padding:var(--space-2) var(--space-5)}.stats{gap:var(--space-5)}.stat-value{font-size:var(--text-xl)}.stat-label{font-size:var(--text-xs)}}@media (max-width: 480px){body{padding:var(--space-6);padding-top:calc(var(--space-6) + var(--safe-area-top));padding-bottom:calc(var(--space-6) + var(--safe-area-bottom))}.container{padding:var(--space-8) 0}.header{margin-bottom:var(--space-8)}.header h1{font-size:var(--text-3xl);letter-spacing:-.03em}.header .subtitle{font-size:var(--text-sm)}.status{margin-bottom:var(--space-8);font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}.apps{gap:var(--space-8)}.app-card{padding:var(--space-8) var(--space-6)}.app-icon{width:60px;height:60px;font-size:30px;margin-bottom:var(--space-5)}.app-card h2{font-size:var(--text-xl)}.app-card p{font-size:var(--text-sm);line-height:var(--line-height-normal)}.features{gap:var(--space-2);margin-bottom:var(--space-6)}.feature-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);min-height:var(--touch-target-min)}.stats{gap:var(--space-4);padding-top:var(--space-6)}.stat-value{font-size:var(--text-lg)}.stat-label{font-size:var(--text-xs)}.footer{margin-top:var(--space-10);font-size:var(--text-sm)}}@media (max-width: 390px){body{padding:var(--space-5);padding-top:calc(var(--space-5) + var(--safe-area-top));padding-bottom:calc(var(--space-5) + var(--safe-area-bottom))}.apps{gap:var(--space-7)}.app-card{padding:var(--space-7) var(--space-5)}.app-icon{width:56px;height:56px;font-size:28px}.app-card h2{font-size:var(--text-lg)}.stats{gap:var(--space-3)}.stat-value{font-size:var(--text-md)}}@media (max-width: 360px){.header h1{font-size:var(--text-2xl)}.header .subtitle{font-size:var(--text-xs)}.status{font-size:var(--text-xs);gap:var(--space-2)}.app-card{padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl)}.features{gap:var(--space-1)}.feature-tag{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-height:var(--touch-target-min)}.stats{flex-wrap:wrap;gap:var(--space-3)}.stat-item{flex:1 1 30%}.stat-value{font-size:var(--text-md)}.footer{font-size:var(--text-xs)}}@media (prefers-reduced-motion: reduce){.header,.status,.app-card,.footer{animation:none}.status-dot:after{animation:none}.app-icon,.finance-icon:after,.todo-icon:after{transition:none}.app-card:hover .app-icon,.app-card:active .app-icon{transform:none}.app-card:hover .finance-icon:after,.app-card:hover .todo-icon:after{opacity:0}}