*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f5f5f5;color:#333}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.auth-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.auth-card h1{color:#6366f1;margin-bottom:10px;text-align:center}.auth-card h2{margin-bottom:30px;text-align:center;color:#666}.auth-card form{display:flex;flex-direction:column;gap:15px}.auth-card input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem}.auth-card button{padding:12px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.auth-card button:hover{background:#4f46e5}.auth-card p{text-align:center;margin-top:20px}.auth-card a{color:#6366f1;text-decoration:none}.error{color:#ef4444;padding:10px;background:#fee;border-radius:6px;text-align:center}.dashboard{max-width:1200px;margin:0 auto;padding:20px}.dashboard header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a}.dashboard h1{color:#6366f1}.header-actions{display:flex;gap:15px;align-items:center}.header-actions button{padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer}.header-actions button:hover{background:#4f46e5}.idea-form{background:#fff;padding:30px;border-radius:12px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.idea-form h2{margin-bottom:20px}.idea-form form{display:flex;flex-direction:column;gap:15px}.idea-form input,.idea-form textarea{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit}.idea-form textarea{min-height:120px;resize:vertical}.idea-form button{padding:12px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer}.ideas-list{display:flex;flex-direction:column;gap:15px}.idea-list-item{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;gap:20px}.idea-list-item:hover{box-shadow:0 4px 8px #00000026;transform:translate(4px)}.idea-list-content{flex:1;min-width:0}.idea-list-content h3{margin-bottom:8px;color:#333;font-size:1.2rem}.idea-list-content .author{color:#6366f1;font-size:.9rem;margin-bottom:10px;cursor:pointer;display:inline-block}.idea-list-content .author:hover{text-decoration:underline}.idea-list-content .description{color:#555;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.idea-list-stats{display:flex;gap:20px;flex-shrink:0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:50px}.stat-icon{font-size:1.2rem}.stat-value{font-size:1.1rem;font-weight:600;color:#333}.no-ideas{background:#fff;padding:60px 20px;border-radius:12px;text-align:center}.no-ideas p{color:#999;font-size:1.1rem}.ideas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.idea-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s}.idea-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #00000026}.idea-card h3{margin-bottom:10px;color:#333}.idea-card .author{color:#666;font-size:.9rem;margin-bottom:15px}.idea-card .description{color:#555;margin-bottom:15px;line-height:1.5}.idea-card .stats{display:flex;gap:15px;color:#666;font-size:.9rem}.idea-detail{max-width:800px;margin:0 auto;padding:20px}.idea-detail>button{margin-bottom:20px;padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer}.idea-header{background:#fff;padding:30px;border-radius:12px;margin-bottom:20px}.idea-content{background:#fff;padding:30px;border-radius:12px;margin-bottom:20px;line-height:1.6}.idea-actions{display:flex;gap:15px;margin-bottom:30px}.idea-actions button{padding:12px 24px;background:#fff;border:2px solid #6366f1;color:#6366f1;border-radius:6px;cursor:pointer}.idea-actions button.active{background:#6366f1;color:#fff}.channels-section{background:#fff;padding:30px;border-radius:12px}.channels-section h2{margin-bottom:20px}.channels-section>button{margin-bottom:20px;padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer}.channels-section form{display:flex;gap:10px;margin-bottom:20px}.channels-section input{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px}.channels-list{display:grid;gap:15px}.channel-item{padding:20px;background:#f9f9f9;border-radius:8px;cursor:pointer;transition:background .2s}.channel-item:hover{background:#f0f0f0}.channel{max-width:800px;margin:0 auto;padding:20px;display:flex;flex-direction:column;height:100vh}.channel>button{margin-bottom:20px;padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;align-self:flex-start}.messages-container{flex:1;background:#fff;border-radius:12px;padding:20px;overflow-y:auto;margin-bottom:20px}.message{margin-bottom:20px;padding:15px;background:#f9f9f9;border-radius:8px}.message.own{background:#e0e7ff;margin-left:40px}.message strong{color:#6366f1;display:block;margin-bottom:5px}.message p{margin-bottom:5px}.message .timestamp{font-size:.8rem;color:#999}.message-form{display:flex;gap:10px}.message-form input{flex:1;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem}.message-form button{padding:12px 24px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer}.profile-page{max-width:1000px;margin:0 auto;padding:20px}.profile-page>button{margin-bottom:20px;padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer}.profile-container{background:#fff;border-radius:12px;padding:40px;margin-bottom:30px}.profile-header{display:flex;gap:30px;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #eee}.profile-avatar{flex-shrink:0}.profile-avatar img{width:120px;height:120px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;font-weight:700}.profile-info{flex:1}.profile-info h1{margin-bottom:5px;color:#333}.profile-email{color:#666;margin-bottom:15px}.profile-bio{color:#555;line-height:1.6;margin-bottom:15px}.profile-meta{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px;color:#666;font-size:.9rem}.profile-meta a{color:#6366f1;text-decoration:none}.profile-meta a:hover{text-decoration:underline}.profile-stats{display:flex;gap:30px;margin-bottom:20px}.stat{display:flex;flex-direction:column;align-items:center}.stat strong{font-size:1.5rem;color:#6366f1}.stat span{color:#666;font-size:.9rem}.edit-profile-btn{padding:10px 24px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.edit-profile-btn:hover{background:#4f46e5}.edit-profile-form{background:#f9f9f9;padding:30px;border-radius:12px;margin-bottom:30px}.edit-profile-form h2{margin-bottom:20px}.edit-profile-form form{display:flex;flex-direction:column;gap:15px}.edit-profile-form input,.edit-profile-form textarea{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit}.edit-profile-form textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:10px}.form-actions button{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.form-actions button[type=submit]{background:#6366f1;color:#fff}.form-actions button[type=button]{background:#e5e7eb;color:#333}.profile-ideas h2{margin-bottom:20px}.no-ideas{text-align:center;color:#999;padding:40px}.welcome-user{cursor:pointer;padding:8px 12px;border-radius:6px;transition:background .2s}.welcome-user:hover{background:#6366f11a}.search-container{position:relative;margin-bottom:30px}.search-box{width:100%;padding:15px 50px 15px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s;background:#fff}.search-box:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.clear-search{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:#e5e7eb;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#666;transition:all .2s}.clear-search:hover{background:#d1d5db;color:#333}.search-results-info{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1;padding:12px 20px;border-radius:8px;margin-bottom:20px;font-size:.95rem}.no-ideas button{margin-top:15px;padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem}.no-ideas button:hover{background:#4f46e5}.view-filters{display:flex;gap:15px;margin-bottom:30px;background:#fff;padding:15px;border-radius:12px;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap}.view-filters button{flex:1;min-width:150px;padding:15px 20px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;color:#666;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.view-filters button:hover{border-color:#6366f1;color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 8px #6366f133}.view-filters button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:#6366f1;box-shadow:0 4px 12px #6366f14d}.filter-count{background:#0000001a;padding:2px 8px;border-radius:12px;font-size:.85rem;font-weight:600}.view-filters button.active .filter-count{background:#fff3}.no-ideas-hint{color:#999;font-size:.9rem;margin-top:10px}@media (max-width: 768px){.view-filters{flex-direction:column}.view-filters button{width:100%}}.pagination-info{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1;padding:10px 20px;border-radius:8px;margin-bottom:20px;font-size:.9rem;text-align:center}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a}.pagination-btn{padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 8px #6366f14d}.pagination-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.pagination-numbers{display:flex;gap:5px;align-items:center}.pagination-number{min-width:40px;height:40px;padding:8px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;color:#666;transition:all .3s}.pagination-number:hover:not(.active){border-color:#6366f1;color:#6366f1;transform:translateY(-2px)}.pagination-number.active{background:#6366f1;color:#fff;border-color:#6366f1;cursor:default;box-shadow:0 4px 8px #6366f14d}.pagination-ellipsis{color:#9ca3af;padding:0 5px;font-weight:700}@media (max-width: 768px){.pagination{flex-wrap:wrap;gap:8px}.pagination-btn{padding:8px 16px;font-size:.85rem}.pagination-number{min-width:35px;height:35px;font-size:.85rem}.pagination-numbers{order:3;width:100%;justify-content:center;margin-top:10px}}@media (max-width: 480px){.pagination-info{font-size:.8rem;padding:8px 15px}}.invite-btn{background:#10b981!important}.invite-btn:hover{background:#059669!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:20px;right:20px;background:#f3f4f6;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#e5e7eb;transform:rotate(90deg)}.invite-modal h2{margin-bottom:10px;color:#333;font-size:1.8rem}.modal-subtitle{color:#666;margin-bottom:30px;font-size:.95rem}.invite-section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e5e7eb}.invite-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.invite-section h3{font-size:1.1rem;margin-bottom:15px;color:#333}.invite-link-container{display:flex;gap:10px}.invite-link-input{flex:1;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;background:#f9fafb}.copy-btn{padding:12px 24px;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s;white-space:nowrap}.copy-btn:hover{background:#4f46e5;transform:translateY(-2px)}.social-share-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.social-btn{padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s;color:#fff}.social-btn.email{background:#6366f1}.social-btn.email:hover{background:#4f46e5}.social-btn.twitter{background:#1da1f2}.social-btn.twitter:hover{background:#0c85d0}.social-btn.whatsapp{background:#25d366}.social-btn.whatsapp:hover{background:#1da851}.social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.email-invite-form{display:flex;gap:10px;margin-bottom:15px}.email-input{flex:1;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem}.email-input:focus{outline:none;border-color:#6366f1}.add-email-btn{padding:12px 24px;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s}.add-email-btn:hover{background:#4f46e5}.email-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.email-tag{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:20px;font-size:.9rem;color:#0369a1}.email-tag button{background:none;border:none;cursor:pointer;color:#0369a1;font-size:1rem;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.email-tag button:hover{background:#0369a1;color:#fff}.send-invites-btn{width:100%;padding:14px;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s}.send-invites-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.send-invites-btn:disabled{background:#9ca3af;cursor:not-allowed}.invite-message{margin-top:15px;padding:12px;border-radius:8px;text-align:center;font-weight:500}.invite-message.success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.invite-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}@media (max-width: 768px){.modal-content{padding:30px 20px}.invite-modal h2{font-size:1.5rem}.invite-link-container{flex-direction:column}.social-share-buttons{grid-template-columns:1fr}}.welcome-notice{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:10px 15px;border-radius:8px;text-align:center;margin-bottom:20px;font-size:.9rem;font-weight:500}.invite-code-field{position:relative}.invite-code-field input{padding-right:40px;text-transform:uppercase;letter-spacing:2px;font-weight:600}.invite-code-field input.valid{border-color:#10b981;background:#f0fdf4}.invite-code-field input.invalid{border-color:#ef4444;background:#fef2f2}.code-status{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.2rem}.code-status.validating{animation:spin 1s linear infinite}.code-status.valid{color:#10b981}.code-status.invalid{color:#ef4444}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.invite-help{font-size:.85rem;color:#666;text-align:center;margin-top:15px}.invite-codes-section{background:#fff;padding:25px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.invite-codes-section h3{margin-bottom:15px;color:#333}.codes-list{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.code-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f9fafb;border-radius:8px;border:2px solid #e5e7eb}.code-text{font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;color:#6366f1;letter-spacing:2px}.code-info{display:flex;gap:15px;align-items:center;font-size:.85rem;color:#666}.code-status-badge{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.code-status-badge.available{background:#d1fae5;color:#065f46}.code-status-badge.used{background:#fee2e2;color:#991b1b}.generate-codes-btn{width:100%;padding:12px;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s}.generate-codes-btn:hover{background:#4f46e5;transform:translateY(-2px)}.no-codes{text-align:center;padding:30px;color:#999}.admin-panel{max-width:1400px;margin:0 auto;padding:20px}.admin-header{display:flex;align-items:center;gap:20px;margin-bottom:30px}.admin-header button{padding:10px 20px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer}.admin-header h1{color:#333}.admin-tabs{display:flex;gap:10px;margin-bottom:30px;background:#fff;padding:10px;border-radius:12px}.admin-tabs button{padding:12px 24px;border:none;background:transparent;cursor:pointer;border-radius:6px;font-size:1rem;transition:all .2s}.admin-tabs button.active{background:#6366f1;color:#fff}.admin-tabs button:hover:not(.active){background:#f3f4f6}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:20px}.stat-icon{font-size:3rem}.stat-info h3{font-size:2rem;color:#6366f1;margin-bottom:5px}.stat-info p{color:#666;font-size:.9rem}.admin-table{background:#fff;border-radius:12px;padding:20px;overflow-x:auto}.admin-table table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:15px;border-bottom:2px solid #e5e7eb;color:#666;font-weight:600}.admin-table td{padding:15px;border-bottom:1px solid #f3f4f6}.admin-table tr:hover{background:#f9fafb}.clickable-username,.clickable-title{color:#6366f1;cursor:pointer;text-decoration:none}.clickable-username:hover,.clickable-title:hover{text-decoration:underline}.delete-btn{padding:6px 12px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.delete-btn:hover{background:#dc2626}.admin-toggle{padding:6px 12px;background:#e5e7eb;color:#333;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.admin-toggle.active{background:#10b981;color:#fff}.admin-toggle:hover{opacity:.8}.admin-btn{background:#f59e0b!important}.admin-btn:hover{background:#d97706!important}.analytics-container{display:flex;flex-direction:column;gap:30px}.analytics-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 4px #0000001a}.analytics-section h2{margin-bottom:20px;color:#333;font-size:1.3rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.metric-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:12px}.metric-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.metric-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.metric-card:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.metric-card h3{font-size:.9rem;margin-bottom:15px;opacity:.9}.metric-value{font-size:2.5rem;font-weight:700;margin-bottom:10px}.metric-change{font-size:.9rem;opacity:.9}.metric-change.positive{color:#d1fae5}.metric-change.negative{color:#fecaca}.metric-subtitle{font-size:.85rem;opacity:.8;margin-top:5px}.trend-chart{display:flex;justify-content:space-around;align-items:flex-end;height:200px;padding:20px;background:#f9fafb;border-radius:8px;margin-bottom:15px}.trend-day{display:flex;flex-direction:column;align-items:center;gap:10px}.trend-bars{display:flex;gap:5px;align-items:flex-end;height:150px}.trend-bar{width:20px;border-radius:4px 4px 0 0;transition:all .3s}.trend-bar.ideas{background:#6366f1}.trend-bar.users{background:#ec4899}.trend-bar:hover{opacity:.8}.trend-label{font-size:.85rem;color:#666;font-weight:500}.trend-legend{display:flex;justify-content:center;gap:30px;font-size:.9rem}.legend-color{display:inline-block;width:20px;height:12px;border-radius:2px;margin-right:8px}.legend-color.ideas{background:#6366f1}.legend-color.users{background:#ec4899}.engagement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.engagement-card{display:flex;align-items:center;gap:20px;padding:20px;background:#f9fafb;border-radius:8px;border:2px solid #e5e7eb}.engagement-icon{font-size:2.5rem}.engagement-info h3{font-size:.9rem;color:#666;margin-bottom:8px}.engagement-value{font-size:1.8rem;font-weight:700;color:#6366f1}.engagement-subtitle{font-size:.8rem;color:#999;margin-top:5px}.top-performers{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.performer-column h3{font-size:1rem;color:#666;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.performer-item{display:flex;align-items:center;gap:15px;padding:12px;background:#f9fafb;border-radius:8px;margin-bottom:10px}.rank{font-weight:700;color:#6366f1;font-size:1.1rem;min-width:30px}.performer-name{flex:1;color:#333;cursor:pointer;font-weight:500}.performer-name:hover{color:#6366f1;text-decoration:underline}.performer-stat{color:#666;font-size:.9rem;font-weight:600}.activity-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.activity-item{display:flex;flex-direction:column;gap:10px;padding:20px;background:#f9fafb;border-radius:8px;border-left:4px solid #6366f1}.activity-label{font-size:.9rem;color:#666}.activity-value{font-size:1.5rem;font-weight:700;color:#333}.hero-banner{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:30px;margin-bottom:30px;overflow:hidden;box-shadow:0 4px 20px #667eea40}.hero-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.banner-content{position:relative;z-index:2;text-align:center}.banner-text{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:10px}.banner-word{font-size:1.8rem;font-weight:800;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2);animation:fadeInUp .8s ease-out;position:relative}.banner-word.ideate{animation-delay:.1s;background:linear-gradient(45deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.banner-word.collaborate{animation-delay:.3s;background:linear-gradient(45deg,#fff,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.banner-word.build{animation-delay:.5s;background:linear-gradient(45deg,#fff,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.banner-separator{font-size:1.2rem;color:#ffffff80;animation:pulse 2s ease-in-out infinite}.banner-subtitle{font-size:.95rem;color:#ffffffd9;animation:fadeInUp .8s ease-out .7s both;max-width:600px;margin:0 auto;line-height:1.4}.banner-decoration{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.floating-icon{position:absolute;font-size:1.5rem;opacity:.25;animation:float 6s ease-in-out infinite}.floating-icon.icon-1{top:15%;left:10%;animation-delay:0s}.floating-icon.icon-2{top:60%;left:15%;animation-delay:1s}.floating-icon.icon-3{top:20%;right:15%;animation-delay:2s}.floating-icon.icon-4{bottom:20%;right:10%;animation-delay:3s}.floating-icon.icon-5{top:50%;right:25%;animation-delay:4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-15px) rotate(3deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media (max-width: 768px){.hero-banner{padding:25px 20px}.banner-word{font-size:1.5rem}.banner-separator{font-size:1rem}.banner-subtitle{font-size:.85rem}.floating-icon{font-size:1.2rem}}@media (max-width: 480px){.hero-banner{padding:20px 15px}.banner-text{flex-direction:column;gap:5px;margin-bottom:8px}.banner-separator{display:none}.banner-word{font-size:1.3rem}.banner-subtitle{font-size:.8rem}}.hero-banner:hover .floating-icon{animation-play-state:paused;opacity:.4}.hero-banner:hover .banner-word{transform:scale(1.05);transition:transform .3s ease}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.banner-word:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}