.page-container{max-width:1200px;margin:0 auto;padding:0 20px}.page-header{text-align:center;margin-bottom:60px}.page-subtitle{font-size:1.2rem;color:var(--color-text-secondary);margin-top:10px;font-style:italic}.page-content{margin-top:40px}.card{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:30px;backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:all var(--transition-normal)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-shimmer);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-border-accent)}.card-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--color-border-primary)}.card-title{font-size:1.8rem;font-weight:600;color:var(--color-text-primary);margin:0}.card-icon{width:28px;height:28px;color:var(--color-primary)}.section{margin-bottom:60px}.section-header{display:flex;align-items:center;gap:15px;margin-bottom:40px;padding-bottom:15px;border-bottom:2px solid var(--color-border-primary)}.section-title{font-size:2rem;font-weight:600;margin:0;color:var(--color-text-primary)}.section-icon{width:32px;height:32px;color:var(--color-primary)}.grid{display:grid;gap:30px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.btn{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);text-decoration:none;font-weight:500;padding:8px 16px;border:1px solid var(--color-border-accent);border-radius:var(--radius-md);transition:all var(--transition-normal);font-size:.9rem;cursor:pointer;background:transparent}.btn:hover{background:#007bff1a;border-color:var(--color-primary);transform:translateY(-1px)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none}.btn-primary:hover{background:var(--gradient-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.link-card{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:25px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:20px;transition:all var(--transition-normal);backdrop-filter:blur(10px);position:relative;overflow:hidden}.link-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-shimmer);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.link-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-border-accent)}.link-icon-wrapper{flex-shrink:0;width:50px;height:50px;background:#007bff1a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.link-card:hover .link-icon-wrapper{background:#007bff33;transform:scale(1.1)}.link-icon{width:28px;height:28px;color:var(--color-primary);transition:color var(--transition-normal)}.link-card:hover .link-icon{color:var(--color-primary-light)}.link-content{flex:1}.link-title{font-size:1.3rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px;transition:color var(--transition-normal)}.link-card:hover .link-title{color:var(--color-primary)}.link-description{color:var(--color-text-secondary);font-size:.95rem;margin:0;line-height:1.4}.arrow-icon{width:20px;height:20px;color:var(--color-primary);transition:all var(--transition-normal);flex-shrink:0}.link-card:hover .arrow-icon{color:var(--color-primary-light);transform:translate(4px)}.tag{background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid var(--color-border-primary);position:relative;animation:rainbow-glow 3s ease-in-out infinite}.tag:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3,red);background-size:400% 400%;border-radius:22px;z-index:-1;animation:rainbow-border 3s ease-in-out infinite;opacity:.5}.empty-state{text-align:center;padding:80px 20px;background:var(--color-bg-overlay);border:2px dashed var(--color-border-primary);border-radius:var(--radius-lg);margin-top:40px}.empty-icon{width:80px;height:80px;margin:0 auto 20px;color:#ffffff4d}.empty-state h3{color:var(--color-text-primary);margin:0 0 10px;font-size:1.5rem}.empty-state p{color:var(--color-text-secondary);margin:0;font-size:1.1rem}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes rainbow-glow{0%,to{box-shadow:0 0 4px #ff000059,0 0 8px #ff7f0040,0 0 12px #ffff0026}16.66%{box-shadow:0 0 4px #ff7f0059,0 0 8px #ffff0040,0 0 12px #00ff0026}33.33%{box-shadow:0 0 4px #ffff0059,0 0 8px #00ff0040,0 0 12px #0000ff26}50%{box-shadow:0 0 4px #00ff0059,0 0 8px #0000ff40,0 0 12px #4b008226}66.66%{box-shadow:0 0 4px #0000ff59,0 0 8px #4b008240,0 0 12px #9400d326}83.33%{box-shadow:0 0 4px #4b008259,0 0 8px #9400d340,0 0 12px #ff000026}}@keyframes rainbow-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@media (max-width: 1200px){.page-container{padding:0 15px}}@media (max-width: 768px){.page-header{margin-bottom:40px}.page-subtitle{font-size:1rem}.card{padding:25px 20px}.card-title,.section-title{font-size:1.5rem}.grid-2,.grid-3,.grid-responsive{grid-template-columns:1fr;gap:20px}.link-card{padding:20px;gap:15px}.link-icon-wrapper{width:45px;height:45px}.link-icon{width:24px;height:24px}.link-title{font-size:1.2rem}.link-description{font-size:.9rem}}@media (max-width: 480px){.card{padding:20px 15px}.card-title{font-size:1.3rem}.link-card{padding:18px;gap:12px}.link-icon-wrapper{width:40px;height:40px}.link-icon{width:20px;height:20px}.link-title{font-size:1.1rem}.link-description{font-size:.85rem}}