.card{--background-color:#FAFAFA;--text-color:#52525B;--card-background-color:transparent;--card-border-color:rgba(24,24,27,0.08);--card-box-shadow-1:rgba(24,24,27,0.02);--card-box-shadow-1-y:3px;--card-box-shadow-1-blur:6px;--card-box-shadow-2:rgba(24,24,27,0.04);--card-box-shadow-2-y:2px;--card-box-shadow-2-blur:7px;--card-label-color:#18181B;--card-icon-color:#18181B;--card-icon-background-color:rgba(24,24,27,0.04);--card-icon-border-color:rgba(24,24,27,0.1);--card-shine-opacity:.3;--card-shine-gradient:conic-gradient(from 225deg at 50% 50%,rgba(0,0,0,0) 0deg,#000000 25deg,rgba(0,0,0,0.18) 285deg,#FFFFFF 345deg,rgba(0,0,0,0) 360deg);--card-line-color:#E9E9E7;--card-tile-color:rgba(0,0,0,0.05);--card-hover-border-color:rgba(24,24,27,0.15);--card-hover-box-shadow-1:rgba(24,24,27,0.05);--card-hover-box-shadow-1-y:3px;--card-hover-box-shadow-1-blur:6px;--card-hover-box-shadow-2:rgba(24,24,27,0.1);--card-hover-box-shadow-2-y:8px;--card-hover-box-shadow-2-blur:15px;--card-hover-icon-color:#000000;--card-hover-icon-background-color:rgba(24,24,27,0.04);--card-hover-icon-border-color:rgba(24,24,27,0.34);background-color:var(--background-color);box-shadow:0 var(--card-box-shadow-1-y) var(--card-box-shadow-1-blur) var(--card-box-shadow-1),0 var(--card-box-shadow-2-y) var(--card-box-shadow-2-blur) var(--card-box-shadow-2),0 0 0 1px var(--card-border-color);padding:16px;border-radius:15px;cursor:pointer;position:relative;transition:box-shadow .25s}.card:before{content:"";position:absolute;inset:0;border-radius:15px;background-color:var(--card-background-color)}.card .icon{z-index:2;position:relative;display:table;padding:8px}.card .icon:after{content:"";position:absolute;inset:4.5px;border-radius:50%;background-color:var(--card-icon-background-color);border:1px solid var(--card-icon-border-color);backdrop-filter:blur(2px);transition:background-color .25s,border-color .25s}.card .icon svg{position:relative;z-index:1;display:block;width:24px;height:24px;transform:translateZ(0);color:var(--card-icon-color);transition:color .25s}.card h4{margin:12px 0 4px;font-family:inherit;font-weight:600;font-size:1.125rem;line-height:1.75rem;color:var(--card-label-color)}.card h4,.card p{z-index:2;position:relative}.card p{margin:0;font-size:14px;line-height:1.7;color:var(--text-color)}.card .shine{border-radius:inherit;position:absolute;inset:0;z-index:1;overflow:hidden;opacity:0;transition:opacity .5s}.card .shine:before{content:"";width:150%;padding-bottom:150%;border-radius:50%;position:absolute;left:50%;bottom:55%;filter:blur(35px);opacity:var(--card-shine-opacity);transform:translateX(-50%);background-image:var(--card-shine-gradient)}.card .background{border-radius:inherit;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(circle at 60% 5%,black 0,black 15%,transparent 60%);mask-image:radial-gradient(circle at 60% 5%,black 0,black 15%,transparent 60%)}.card .background .tiles{opacity:0;transition:opacity .25s}.card .background .tiles .tile{position:absolute;background-color:var(--card-tile-color);animation-duration:8s;animation-iteration-count:infinite;opacity:0}.card .background .tiles .tile.tile-10,.card .background .tiles .tile.tile-4,.card .background .tiles .tile.tile-6{animation-delay:-2s}.card .background .tiles .tile.tile-3,.card .background .tiles .tile.tile-5,.card .background .tiles .tile.tile-8{animation-delay:-4s}.card .background .tiles .tile.tile-2,.card .background .tiles .tile.tile-9{animation-delay:-6s}.card .background .tiles .tile.tile-1{top:0;left:0;height:10%;width:22.5%}.card .background .tiles .tile.tile-2{top:0;left:22.5%;height:10%;width:27.5%}.card .background .tiles .tile.tile-3{top:0;left:50%;height:10%;width:27.5%}.card .background .tiles .tile.tile-4{top:0;left:77.5%;height:10%;width:22.5%}.card .background .tiles .tile.tile-5{top:10%;left:0;height:22.5%;width:22.5%}.card .background .tiles .tile.tile-6{top:10%;left:22.5%;height:22.5%;width:27.5%}.card .background .tiles .tile.tile-7{top:10%;left:50%;height:22.5%;width:27.5%}.card .background .tiles .tile.tile-8{top:10%;left:77.5%;height:22.5%;width:22.5%}.card .background .tiles .tile.tile-9{top:32.5%;left:50%;height:22.5%;width:27.5%}.card .background .tiles .tile.tile-10{top:32.5%;left:77.5%;height:22.5%;width:22.5%}@keyframes tile{0%,12.5%,to{opacity:1}25%,82.5%{opacity:0}}.card .background .line{position:absolute;inset:0;opacity:0;transition:opacity .35s}.card .background .line:after,.card .background .line:before{content:"";position:absolute;background-color:var(--card-line-color);transition:transform .35s}.card .background .line:before{left:0;right:0;height:1px;transform-origin:0 50%;transform:scaleX(0)}.card .background .line:after{top:0;bottom:0;width:1px;transform-origin:50% 0;transform:scaleY(0)}.card .background .line.line-1:before{top:10%}.card .background .line.line-1:after{left:22.5%}.card .background .line.line-1:after,.card .background .line.line-1:before{transition-delay:.3s}.card .background .line.line-2:before{top:32.5%}.card .background .line.line-2:after{left:50%}.card .background .line.line-2:after,.card .background .line.line-2:before{transition-delay:.15s}.card .background .line.line-3:before{top:55%}.card .background .line.line-3:after{right:22.5%}.card:hover{box-shadow:0 3px 6px var(--card-hover-box-shadow-1),0 var(--card-hover-box-shadow-2-y) var(--card-hover-box-shadow-2-blur) var(--card-hover-box-shadow-2),0 0 0 1px var(--card-hover-border-color)}.card:hover .icon:after{background-color:var(--card-hover-icon-background-color);border-color:var(--card-hover-icon-border-color)}.card:hover .icon svg{color:var(--card-hover-icon-color)}.card:hover .shine{opacity:1;transition-duration:.5s;transition-delay:0s}.card:hover .background .tiles{opacity:1;transition-delay:.25s}.card:hover .background .tiles .tile{animation-name:tile}.card:hover .background .line{opacity:1;transition-duration:.15s}.card:hover .background .line:before{transform:scaleX(1)}.card:hover .background .line:after{transform:scaleY(1)}.card:hover .background .line.line-1:after,.card:hover .background .line.line-1:before{transition-delay:0s}.card:hover .background .line.line-2:after,.card:hover .background .line.line-2:before{transition-delay:.15s}.card:hover .background .line.line-3:after,.card:hover .background .line.line-3:before{transition-delay:.3s}:root{--bg-color:#0a0a0a;--card-bg:rgba(255,255,255,0.03);--card-border:rgba(255,255,255,0.1);--text-main:#ffffff;--text-muted:#a1a1aa;--accent:#3b82f6;--accent-glow:rgba(59,130,246,0.15);--radius:24px}.bento-body{background-color:var(--bg-color);color:var(--text-main);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(147,51,234,.08),transparent 25%)}.bento-header{text-align:center;padding:80px 20px 40px}.bento-title{font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:700;margin-bottom:10px;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em}.bento-subtitle{color:var(--text-muted);font-size:1.1rem}.bento-container{max-width:1200px;margin:0 auto;padding:20px;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(300px,auto);gap:20px}.bento-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:32px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,border-color .3s ease;cursor:default;backdrop-filter:blur(10px)}.bento-card:hover{border-color:rgba(255,255,255,.25);transform:translateY(-5px)}.bento-span-7{grid-column:span 7}.bento-span-5{grid-column:span 5}@media (max-width:900px){.bento-span-5,.bento-span-7{grid-column:span 12}.bento-container{grid-template-columns:1fr}}.bento-card-header{margin-bottom:20px}.bento-tags{display:flex;gap:10px;margin-bottom:16px;font-size:.85rem;flex-wrap:wrap}.bento-tag{background:rgba(255,255,255,.08);padding:4px 12px;border-radius:100px;color:var(--text-muted);display:flex;align-items:center;gap:6px;border:1px solid transparent;transition:all .3s}.bento-tag.journal{color:#60a5fa;background:rgba(96,165,250,.1)}.bento-card-title{font-family:Space Grotesk,sans-serif;font-size:1.5rem;line-height:1.3;margin-bottom:16px;font-weight:600}.bento-span-7 .bento-card-title{font-size:1.8rem}.bento-card-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:24px}.bento-read-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#000;padding:12px 24px;border-radius:12px;text-decoration:none;font-weight:600;font-size:.9rem;width:fit-content;transition:all .3s ease}.bento-read-btn:hover{background:#e2e8f0;padding-right:28px}.bento-glow-cursor{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.08) 0,rgba(255,255,255,0) 70%);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);z-index:0;opacity:0;transition:opacity .3s}.bento-card:hover .bento-glow-cursor{opacity:1}.bento-card-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.bento-bottom-actions{text-align:center;padding:60px 0}.bento-see-more-btn{background:transparent;border:1px solid var(--card-border);color:var(--text-main);padding:14px 32px;border-radius:100px;cursor:pointer;font-size:1rem;transition:.3s}.bento-see-more-btn:hover{background:rgba(255,255,255,.1);transform:scale(1.05)}