.page-hero{background:linear-gradient(135deg,#1a1040 0%,#2d1b69 40%,#4c1d95 70%,#5b21b6 100%);padding:7rem 0 5rem;position:relative;overflow:hidden}.page-hero:before{content:"";background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.page-hero:after{content:"";background:linear-gradient(#0000,#0f0a1e);height:120px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:2;text-align:center;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.hero-label{color:#a5b4fc;letter-spacing:.12em;text-transform:uppercase;background:#6366f133;border:1px solid #6366f166;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-title{background:linear-gradient(135deg,#fff 0%,#c4b5fd 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;line-height:1.1}.hero-subtitle{color:#ffffffa6;max-width:560px;margin:0 auto;font-size:1.1rem;line-height:1.6}.page-section{background:#0f0a1e;min-height:calc(100vh - 320px);padding:3rem 0 5rem}.page-container{max-width:1200px;margin:0 auto;padding:0 2rem}.page-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.page-toolbar-right{flex-wrap:wrap;gap:.75rem;margin-left:auto;display:flex}.toolbar-btn{cursor:pointer;color:#ffffffbf;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.toolbar-btn:hover{color:#a5b4fc;background:#6366f11a;border-color:#6366f180}.toolbar-btn-primary{color:#fff;background:#6366f1;border-color:#6366f1}.toolbar-btn-primary:hover{color:#fff;background:#4f46e5;border-color:#4f46e5}.cta-section{text-align:center;background:linear-gradient(135deg,#0f0a1e 0%,#1a1040 50%,#0f0a1e 100%);padding:5rem 2rem;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(#6366f126 0%,#0000 70%);position:absolute;inset:0}.cta-content{z-index:1;max-width:600px;margin:0 auto;position:relative}.cta-label{color:#a5b4fc;letter-spacing:.12em;text-transform:uppercase;background:#6366f133;border:1px solid #6366f166;border-radius:100px;margin-bottom:1.25rem;padding:.35rem .9rem;font-size:.75rem;font-weight:600;display:inline-block}.cta-title{color:#fff;margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2}.cta-desc{color:#ffffff8c;margin-bottom:2rem;font-size:1rem;line-height:1.6}.cta-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #6366f159}.cta-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 28px #6366f180}@media (max-width:768px){.page-hero{padding:5rem 0 3rem}.hero-title{font-size:clamp(1.8rem,7vw,2.5rem)}.hero-subtitle{font-size:.95rem}.hero-content,.page-container{padding:0 1.25rem}.page-section{padding:2rem 0 3.5rem}.cta-section{padding:3rem 1.25rem}}@media (max-width:480px){.page-hero{padding:4rem 0 2.5rem}.hero-label{padding:.35rem .8rem;font-size:.72rem}.hero-title{font-size:clamp(1.6rem,8vw,2rem)}.hero-subtitle{font-size:.88rem}.page-container{padding:0 1rem}.page-toolbar{flex-direction:column;align-items:flex-start}.page-toolbar-right{width:100%;margin-left:0}.toolbar-btn{padding:.55rem 1rem;font-size:.8rem}}.empty-state{text-align:center;color:#ffffff59;padding:4rem 2rem}.empty-state i{margin-bottom:1rem;font-size:3rem;display:block}.empty-state p{margin:0;font-size:1rem}