.home-page .container{max-width:1120px}.hero{text-align:center;padding:3rem 0 4rem}@media (min-width: 768px){.hero{padding:4rem 0 5rem}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:500;color:#a78bfa;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:9999px}.hero-badge svg{width:16px;height:16px}.hero-title{font-size:clamp(2rem,6vw,2.5rem);font-weight:700;line-height:1.25;letter-spacing:-.03em;margin-bottom:1.5rem}.hero-title .text-gradient{display:block;margin-top:.5rem}.hero-description{font-size:1.125rem;color:#a1a1aa;max-width:480px;margin:0 auto 2rem}@media (min-width: 768px){.hero-description{font-size:1.25rem}}.hero-actions{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:2.5rem}.hero-actions .btn{padding:10px 20px;font-size:14px;font-weight:500}.hero-actions .btn svg{width:16px;height:16px}.hero-stats{display:flex;justify-content:center;gap:.75rem}@media (min-width: 768px){.hero-stats{gap:1rem}}.stat-item{text-align:center;padding:.75rem 1.25rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;min-width:90px;transition:all .2s cubic-bezier(.16,1,.3,1)}.stat-item:hover{border-color:#ffffff1a}@media (max-width: 640px){.stat-item{padding:.75rem 1rem;min-width:80px}}.stat-value{font-size:1.25rem;font-weight:700;color:#fafafa}@media (max-width: 640px){.stat-value{font-size:1.125rem}}.stat-label{font-size:.75rem;color:#71717a;margin-top:.25rem;text-transform:uppercase;letter-spacing:.05em}.features{padding:2rem 0}.features-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .2s cubic-bezier(.16,1,.3,1)}.feature-card:hover{border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 0 30px #8b5cf61a}.feature-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:1rem;background:#8b5cf61a;border-radius:12px}.feature-icon svg{width:24px;height:24px;color:#8b5cf6}.feature-title{font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature-text{font-size:.875rem;color:#a1a1aa;line-height:1.625}.feature-badge{display:inline-block;margin-top:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:#22d3ee;background:#06b6d41a;border-radius:9999px}.feed-page .container{max-width:900px}.feed-header{text-align:center;margin-bottom:2rem}.feed-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}@media (min-width: 768px){.feed-header h1{font-size:2rem}}.feed-header p{color:#a1a1aa}.search-wrapper{position:relative;max-width:400px;margin:0 auto 2rem}.search-wrapper svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#71717a}.search-wrapper input{padding-left:calc(1.75rem + 18px);height:48px;border-radius:9999px}.feed-grid{display:flex;flex-direction:column;gap:1rem}.menfess-card{padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .2s cubic-bezier(.16,1,.3,1);animation:card-in .3s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.menfess-card:hover{border-color:#ffffff1a}@keyframes card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.menfess-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.menfess-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:12px}.menfess-avatar svg{width:20px;height:20px;color:#fff}.menfess-info{flex:1;min-width:0}.menfess-to{font-weight:600}.menfess-to span{color:#a78bfa}.menfess-from{font-size:.875rem;color:#71717a}.menfess-time{font-size:.75rem;color:#71717a}.menfess-content{font-size:1rem;line-height:1.625;color:#fafafa;word-wrap:break-word}.menfess-footer{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.reaction-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;color:#71717a;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:9999px;transition:all .15s}.reaction-btn svg{width:16px;height:16px}.reaction-btn:hover{color:#fb7185;border-color:#fb7185;background:#f43f5e1a}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#18181f,#ffffff08 75%);background-size:200% 100%;animation:skeleton-loading 1.2s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px}.skeleton-header{display:flex;gap:.75rem;margin-bottom:1rem}.skeleton-avatar{width:40px;height:40px;border-radius:12px}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-line{height:12px}.skeleton-content{height:60px;margin-bottom:1rem}.skeleton-footer{height:32px;width:120px}.empty-state{text-align:center;padding:4rem 1rem}.empty-state svg{width:48px;height:48px;color:#71717a;margin-bottom:1rem}.empty-state h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:#a1a1aa;margin-bottom:1rem;font-size:.875rem}.empty-state .btn{padding:10px 20px;font-size:14px;gap:8px}.empty-state .btn svg{width:16px;height:16px;margin-bottom:0;color:currentColor}.load-more{text-align:center;padding:2rem 0}.submit-page{padding:2rem 0 4rem}.submit-page .container-sm{max-width:560px;margin:0 auto;padding:0 1rem}.submit-header{text-align:center;margin-bottom:2rem}.submit-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}@media (min-width: 768px){.submit-header h1{font-size:2rem}}.submit-header p{color:#a1a1aa;font-size:1rem}.submit-card{padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:24px}@media (min-width: 768px){.submit-card{padding:2rem}}.submit-form{display:flex;flex-direction:column;gap:1.25rem}.form-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 640px){.form-grid{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:#fafafa}.form-label .required{color:#fb7185}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;color:#fafafa;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .15s}.form-input::placeholder,.form-textarea::placeholder{color:#71717a}.form-input:hover,.form-textarea:hover{border-color:#ffffff1a}.form-input:focus,.form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.form-textarea{resize:vertical;min-height:140px;line-height:1.625}.textarea-footer{display:flex;justify-content:flex-end;margin-top:.5rem}.char-count{font-size:.75rem;color:#71717a;font-variant-numeric:tabular-nums}.btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;margin-top:.5rem}.btn-submit svg{width:18px;height:18px}.submit-info{display:flex;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.15);border-radius:12px}.submit-info .info-icon{flex-shrink:0;color:#fbbf24}.submit-info .info-icon svg{width:18px;height:18px}.submit-info .info-content{font-size:.875rem;color:#a1a1aa;line-height:1.625}.submit-info .info-content strong{color:#fbbf24;font-weight:500}.success-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem 1rem}.success-card{text-align:center;max-width:360px}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:1.25rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:50%}.success-icon svg{width:28px;height:28px;color:#10b981}.success-card h1{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.success-card p{font-size:.875rem;color:#a1a1aa;margin-bottom:1.5rem;line-height:1.625}.success-actions{display:flex;align-items:center;justify-content:center;gap:.75rem}.notfound-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;padding:2rem}.notfound-code{font-size:clamp(2.5rem,15vw,8rem);font-weight:700;line-height:1;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.notfound-page h1{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.notfound-page p{color:#a1a1aa;margin-bottom:2rem}