:root{--primary: #FFB700;--primary-hover: #FFA000;--secondary: #E67E22;--bg-gradient: linear-gradient(135deg, #FFFDF5 0%, #FFF4D2 100%);--text-main: #4A2E19;--text-muted: #8D6E63;--success: #27AE60;--hex-border: #D35400}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background:var(--bg-gradient);color:var(--text-main);min-height:100vh}.app-container{max-width:1400px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center}.beehive-container{padding:2rem 0;display:flex;flex-direction:column;align-items:center}.beehive-row{display:flex;justify-content:center;margin-top:-50px}.beehive-row:first-child{margin-top:0}.hexagon-cell{position:relative;width:170px;height:195px;margin:0 5px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:1}.hexagon-cell:hover:not(.topic-cell){transform:scale(1.1);z-index:10}.hexagon-content{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,var(--primary),#FFCC33);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px;box-shadow:inset 0 0 15px #fff6}.hexagon-cell:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:var(--hex-border);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:-1}.topic-cell{cursor:default}.topic-cell .hexagon-content{background:rgba(255,183,0,.2);box-shadow:none}.topic-cell:before{background:repeating-linear-gradient(45deg,rgba(211,84,0,.6),rgba(211,84,0,.6) 10px,transparent 10px,transparent 20px)}.hexagon-icon{font-size:2.2rem;margin-bottom:5px}.hexagon-title{font-weight:800;font-size:.95rem;color:#5d4037}.hexagon-status{position:absolute;bottom:12%;background:var(--success);color:#fff;border-radius:50%;padding:3px;display:flex;box-shadow:0 2px 5px #0003}.glass-card{background:white;border-radius:24px;padding:2.5rem;box-shadow:0 10px 30px #0000000d;width:100%;max-width:900px}.header{text-align:center;margin-bottom:2rem}h1{font-size:3.5rem;color:#d35400;text-shadow:1px 1px 0px #FFD700}.primary-btn{background:var(--secondary);color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:800;box-shadow:0 4px 10px #e67e224d}.input-box{width:100%;padding:1rem;border-radius:12px;border:2px solid #FFE0B2}