@layer components{.ph-breadcrumb{background:#fff;border-radius:20px;align-items:center;gap:8px;margin-bottom:30px;padding:5px 20px;font-size:15px;display:inline-flex}.ph-crumb-home{color:#6b7280;text-decoration:none;transition:color .2s}.ph-crumb-home:hover{color:#780ae9}.ph-sep{color:#9ca3af;align-items:center;display:flex}.ph-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:12px;max-width:750px;padding:36px 32px;display:flex}.ph-badge{color:#6d28d9;background:#ede9fe;border-radius:20px;align-items:center;gap:8px;width:fit-content;margin-bottom:20px;padding:5px 20px;font-size:14px;font-weight:600;display:inline-flex}.ph-title{color:#111827;font-size:36px;font-weight:900;line-height:1.2}.ph-desc{color:#6b7280;font-size:15px;line-height:1.7}.ph-search{background:#fff;border:1px solid #e5e7eb;border-radius:15px;align-items:center;gap:10px;max-width:320px;padding:12px 10px;display:flex;position:relative;top:30px}.ph-search-input{color:#374151;background:0 0;border:none;outline:none;width:100%;font-size:14px}.ph-section{background:#f3eaff;padding:2rem 0 3rem}.ph-section .container{flex-direction:column;align-items:center;gap:0;display:flex}.ph-breadcrumb{background:#fff;border-radius:9999px;align-self:flex-start;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;display:inline-flex}.ph-crumb-home{color:#6b7280;text-decoration:none}.ph-crumb-current{color:#111827;font-weight:600}.ph-sep{color:#9ca3af;display:inline-flex}.ph-card{text-align:center;background:#fff;border-radius:1.5rem;width:100%;max-width:800px;padding:3rem 2.5rem;box-shadow:0 4px 30px #780ae90a}.ph-badge{color:#780ae9;background:#f3eaff;border-radius:9999px;align-items:center;gap:.5rem;width:fit-content;margin:0 auto;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.ph-title{color:#111827;margin:0 0 1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.ph-desc{color:#6b7280;max-width:600px;margin:0 auto;font-size:1rem;line-height:1.6}.ph-search{background:#fff;border-radius:9999px;align-items:center;gap:.75rem;width:100%;max-width:520px;padding:.5rem .5rem .5rem 1.5rem;display:flex;box-shadow:0 4px 20px #780ae90f}.ph-search-icon{flex-shrink:0;align-items:center;display:flex}.ph-search-input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.ph-search-input::placeholder{color:#9ca3af}.ph-search-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:9999px;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;transition:background .2s}.ph-search-btn:hover{background:#059669}.ph-extra{justify-content:center;width:100%;margin-top:.5rem;display:flex}@media (width<=768px){.ph-title{font-size:26px}.ph-card{padding:24px 20px}}@media (width<=480px){.ph-section{padding:28px 0 40px}.ph-title{font-size:22px}.ph-search{background:#fff;border-radius:9999px;align-items:center;gap:.7rem;width:100%;max-width:520px;padding:.3rem .3rem .3rem 1rem;display:flex;box-shadow:0 4px 20px #780ae90f}.ph-search-input{color:#111827;background:0 0;border:none;outline:none;flex:1;font-size:.75rem}.ph-search-input::placeholder{color:#9ca3af}.ph-search-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:9999px;padding:.6rem 1.75rem;font-size:.9rem;font-weight:600;transition:background .2s}}}