.point-icon{width:16px;height:16px;background-color:#1a73e8;border-radius:50%;position:relative}.point-icon:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%)}.resources-container{max-width:1200px;padding:20px;margin:50px auto 0 250px}.add-resource-button{background-color:#1a73e8;color:#fff}.modal-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0003}.resource-card{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:8px;transition:transform .2s ease-in-out}.add-resource-button{background-color:#1a73e8;color:#fff;text-transform:none}.more-button{color:#1a73e8}.resource-card{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:8px;background-color:#b7dcf7;transition:transform .2s ease-in-out}.resource-card:hover{transform:scale(1.01)}.resource-title{color:#333;font-weight:700}.arrow-icon{color:#1a73e8}@media (max-width: 768px){.resources-container{padding:15px;margin-left:0}.resource-card{padding:12px}.resource-title{font-size:1rem}}@media (max-width: 480px){.resources-container{padding:10px;margin-left:0}.resource-card{padding:10px;flex-direction:column;align-items:flex-start}.resource-title{font-size:.9rem}.arrow-icon{align-self:flex-end}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5}