:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-surface-hover: #2c2c2c;--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0a0;--color-primary: #d4af37;--color-primary-dim: #b08d26;--color-accent: #81c784;--color-border: #333333;--font-family-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-dim)}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0;position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;font-size:1.2rem;color:var(--color-text-primary)}.logo-img{height:40px;width:auto}.main-nav ul{display:flex;list-style:none;gap:var(--spacing-md)}.main-nav a{color:var(--color-text-secondary);font-weight:500}.main-nav a:hover,.main-nav a.active{color:var(--color-primary)}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);padding:var(--spacing-xl) 0}.app-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;height:100%}.app-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000004d;border-color:var(--color-primary-dim)}.app-thumbnail{height:160px;background-color:var(--color-surface-light);display:flex;align-items:flex-start;justify-content:flex-start;font-size:4rem;overflow:hidden}.app-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .6s ease;transform-origin:top left}.app-card:hover .app-thumbnail img{animation:panRight 8s ease-in-out forwards}@keyframes panRight{0%{transform:scale(1) translate(0)}15%{transform:scale(4) translate(0)}to{transform:scale(4) translate(-30%,-20%)}}.app-content{padding:var(--spacing-md);flex-grow:1;display:flex;flex-direction:column}.app-title{font-size:1.5rem;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.app-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);flex-grow:1}.btn{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary);color:#000;border-radius:var(--radius-sm);font-weight:600;text-align:center;transition:background-color .2s}.btn:hover{background-color:var(--color-primary-dim);color:#000}.site-footer{margin-top:auto;padding:var(--spacing-xl) 0;text-align:center;color:var(--color-text-secondary);border-top:1px solid var(--color-border)}.app-mode{display:flex;flex-direction:column;height:100vh}.app-frame-container{flex-grow:1;display:flex;flex-direction:column;background-color:#000}.app-iframe{flex-grow:1;width:100%;border:none;display:block}