@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-leading:initial;--tw-font-weight:initial}}}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;background-clip:text}@media (max-width:640px){.gradient-text{text-shadow:0 0 20px #667eea4d}}@media (min-width:641px){.gradient-text{text-shadow:0 0 30px #667eea80}}@media (max-width:640px){.glow-primary{filter:drop-shadow(0 0 10px #667eea4d)}}@media (min-width:641px){.glow-primary{filter:drop-shadow(0 0 20px #667eea80)}}.celestial-dots--hero{background-image:radial-gradient(2px 2px at 20px 30px,#ffffff1a,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff1a,#0000),radial-gradient(1px 1px at 90px 40px,#ffffff1a,#0000),radial-gradient(1px 1px at 130px 80px,#ffffff1a,#0000),radial-gradient(2px 2px at 160px 30px,#ffffff1a,#0000);background-repeat:repeat;background-size:200px 100px;animation:4s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@media (max-width:768px){.celestial-dots--hero{opacity:.3;animation:6s ease-in-out infinite alternate twinkle}}@keyframes twinkle{0%{opacity:.3}to{opacity:.8}}@media (max-width:640px){.search-container{padding-inline:calc(var(--spacing,.25rem)*2)}.search-input{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5/1)));min-height:44px}.search-button{min-width:44px;min-height:44px}}.blog-grid{gap:1rem;display:grid}@media (max-width:640px){.blog-grid{grid-template-columns:1fr;gap:.75rem}}@media (min-width:641px) and (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width:1025px){.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}}.blog-card{border-radius:var(--radius-lg,.5rem);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;overflow:hidden}@media (max-width:768px){.blog-card{transition:transform .2s}}@media (min-width:769px){.blog-card{transition:all .3s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}}.blog-card-image{aspect-ratio:16/10;object-fit:cover}@media (max-width:640px){.blog-card-image{aspect-ratio:16/9}}.blog-card-title{--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}@media (max-width:640px){.blog-card-title{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));line-height:1.3}}@media (min-width:641px){.blog-card-title{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));line-height:1.4}}.blog-card-excerpt{--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);color:var(--color-gray-600,#4a5565)}@supports (color:lab(0% 0 0)){.blog-card-excerpt{color:var(--color-gray-600,lab(35.6337% -1.58697 -10.8425))}}@media (max-width:640px){.blog-card-excerpt{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));line-height:1.5}}@media (min-width:641px){.blog-card-excerpt{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5/1)));line-height:1.6}}.pagination{margin-top:calc(var(--spacing,.25rem)*8);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}@media (max-width:640px){.pagination{margin-top:calc(var(--spacing,.25rem)*6);gap:calc(var(--spacing,.25rem)*1);flex-wrap:wrap}}.pagination-button{border-radius:var(--radius-lg,.5rem);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));min-width:44px;min-height:44px}@media (max-width:640px){.pagination-button{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));min-width:40px;min-height:40px}}@media (max-width:768px){button,a,[role=button]{min-width:44px;min-height:44px;padding:8px 12px}input,textarea,select{min-height:44px;font-size:16px}}@supports (padding-top:env(safe-area-inset-top)){.hero-section{padding-top:env(safe-area-inset-top)}.main-content{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (prefers-reduced-motion:reduce){.celestial-dots--hero{animation:none}.blog-card{transition:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){.blog-card{background-color:#ffffff0d;border:1px solid #ffffff1a}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#7dd3fc 0%,#a78bfa 100%);-webkit-background-clip:text}}@media (prefers-contrast:high){.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#000 0% 100%);-webkit-background-clip:text}.blog-card{border:2px solid}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}
@keyframes bounce-x{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.animate-bounce-x{animation:1.5s ease-in-out infinite bounce-x}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}
.font-elegant{font-family:var(--font-elegant)}.text-foreground-muted{color:var(--foreground-muted)}.blog-card-wrapper{animation:.6s cubic-bezier(.4,0,.2,1) forwards categoryItemSlideIn}@keyframes categoryItemSlideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.mystical-card .group:hover{background:var(--glass-strong);transform:translate(4px);box-shadow:0 4px 12px #f7cba21a,inset 0 1px #f7cba20d}.group:hover .group-hover\:scale-105{transform:scale(1.05);box-shadow:0 2px 8px #f7cba24d}.group-hover\:gradient-text:hover{background:linear-gradient(135deg,var(--primary)0%,var(--accent)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-primary{filter:drop-shadow(0 0 8px #f7cba266)}.glow-soft{filter:drop-shadow(0 0 12px #f7cba24d)}.empty-state-icon{animation:4s ease-in-out infinite floatEmptyState}@keyframes floatEmptyState{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-8px)rotate(3deg)}50%{transform:translateY(4px)rotate(-2deg)}75%{transform:translateY(-4px)rotate(1deg)}}.border-glass-border{border-color:var(--glass-border)}.border-border-light{border-color:var(--border-light)}.border-border{border-color:var(--border)}.category-link-text{text-overflow:ellipsis;white-space:nowrap;transition:all .3s;overflow:hidden}.group:hover .category-link-text{color:var(--primary)}.category-badge{border-radius:10px;justify-content:center;align-items:center;min-width:28px;height:20px;font-size:.75rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (max-width:768px){.mystical-card{padding:1.25rem}.btn-mystical{padding:.625rem 1.25rem;font-size:.8125rem}.blog-card-wrapper{animation-delay:0s!important}.category-link-text{max-width:140px}}@media (max-width:480px){.mystical-card{padding:1rem}.category-link-text{max-width:120px}.btn-mystical{padding:.5rem 1rem;font-size:.75rem}}@media (prefers-contrast:high){.mystical-card,.btn-mystical{border-width:2px}.glass,.glass-strong{background:#f7cba21a}}@media (prefers-reduced-motion:reduce){.blog-card-wrapper,.empty-state-icon,.btn-mystical:before{animation:none!important}.group:hover,.btn-mystical:hover,.group-hover\:scale-105:hover{transform:none!important}*{transition-duration:.01ms!important}}.btn-mystical:focus-visible,.group:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mystical-card,.blog-card-wrapper,.btn-mystical{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}
