:root{--bg-color:#f3f4f6;--text-primary:#111827;--text-secondary:#4b5563;--card-bg:#fff;--card-border:#0000000d;--accent:#dc2626;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-hover:0 20px 25px -5px #00000014, 0 10px 10px -5px #0000000a;--grid-color:#0000000a}.dark{--bg-color:#000;--text-primary:#f9fafb;--text-secondary:#a1a1aa;--card-bg:#121212;--card-border:#ffffff14;--accent:#ef4444;--shadow-sm:0 4px 6px -1px #0006;--shadow-hover:0 20px 25px -5px #00000080;--grid-color:#ffffff08}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s;display:flex}.portal-wrapper{flex-direction:column;min-height:100vh;display:flex;position:relative}.bg-grid{z-index:-1;background-image:linear-gradient(to right, var(--grid-color) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-color) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at top,#000 30%,#0000 80%);mask-image:radial-gradient(circle at top,#000 30%,#0000 80%)}.theme-toggle{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;z-index:50;width:44px;height:44px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.theme-toggle:hover{color:var(--text-primary);transform:scale(1.05)}.bento-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:6rem 1.5rem 4rem}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;gap:1.25rem;display:grid}.bento-item{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-sm);border-radius:32px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.bento-item:hover{transform:scale(.98)}a.bento-item:hover{border-color:#dc26264d}.bento-hero{flex-direction:column;grid-area:span 1/span 3;justify-content:flex-end;padding:2rem;display:flex}.bento-hero:hover{transform:none}.bento-hero-img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.bento-hero-overlay{z-index:2;background:linear-gradient(#0003 0%,#000000e6 100%);position:absolute;inset:0}.bento-hero-content{z-index:3;position:relative}.hero-logo{height:40px;margin-bottom:1rem}.hero-title{color:#fff;letter-spacing:-.03em;margin-bottom:.25rem;font-size:2.25rem;font-weight:700}.hero-subtitle{color:#d1d5db;font-size:1rem}.bento-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.bento-item:hover .bento-cover-img{transform:scale(1.05)}.bento-app{justify-content:space-between;padding:2rem}.app-icon-wrapper{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}.fcmm-icon{color:#ef4444;background:#ef44441a}.ches-icon{color:#3b82f6;background:#3b82f61a}.wa-icon{color:#10b981;background:#10b9811a}.app-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.app-desc{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.action-arrow{color:var(--text-secondary);transition:transform .3s,color .3s;position:absolute;bottom:2rem;right:2rem}.bento-app:hover .action-arrow{color:var(--accent);transform:translate(4px)scale(1.1)}.portal-footer{text-align:center;color:var(--text-secondary);padding:2rem;font-size:.875rem}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-hero{grid-area:span 1/span 2}}@media (width<=640px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:minmax(180px,auto)}.bento-item{border-radius:24px;grid-area:span 1/span 1!important}}