*,:after,:before{box-sizing:border-box}html{line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;color:#e5e7eb;min-height:100vh;background-color:#0F172A}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;max-width:1280px}.text-gold{color:#D4AF37}.text-mystical{color:#8B5CF6}.bg-midnight{background-color:#1E293B}.bg-midnight-dark{background-color:#0F172A}.bg-gold-gradient{background:linear-gradient(90deg,#BF953F,#FCF6BA 50%,#B38728);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}button{cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}nav{background-color:rgba(30,41,59,.95);border-bottom:1px solid rgba(139,92,246,.2)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}img,video{max-width:100%;height:auto}.font-prompt{font-family:var(--font-prompt),"Noto Sans Thai",sans-serif}*{font-family:Prompt,system-ui,-apple-system,sans-serif!important}h1,h2,h3,h4,h5,h6{font-weight:600!important}.hero-title{font-size:3.5rem!important;line-height:1.2!important;font-weight:700!important;letter-spacing:-.02em!important}@media (max-width:768px){.hero-title{font-size:2.5rem!important}}.service-card{background:rgba(30,30,40,.4)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(139,92,246,.15)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.service-card:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(135deg,rgba(139,92,246,.05),transparent)!important;opacity:0!important;transition:opacity .3s ease!important}.service-card:hover:before{opacity:1!important}.service-card:hover{transform:translateY(-4px)!important;box-shadow:0 20px 40px rgba(139,92,246,.15)!important;border-color:rgba(212,175,55,.4)!important;background:rgba(30,30,40,.6)!important}section{position:relative}.card{background:rgba(30,30,40,.8)!important}.card,.mystical-card{border:1px solid rgba(139,92,246,.2)!important}.mystical-card{background:rgba(30,30,40,.5)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 4px 6px rgba(0,0,0,.1)!important;transition:all .3s ease!important}.mystical-card:hover{transform:translateY(-2px)!important;box-shadow:0 10px 20px rgba(139,92,246,.15)!important;border-color:rgba(212,175,55,.3)!important}.btn-primary{background:linear-gradient(135deg,#8B5CF6,#7C3AED)!important;color:white!important;font-weight:500!important;padding:.75rem 2rem!important;border-radius:.5rem!important;transition:all .3s ease!important}.btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 10px 20px rgba(139,92,246,.3)!important}.text-muted{color:#9CA3AF!important}.text-gold-gradient{background:linear-gradient(90deg,#BF953F,#FCF6BA 50%,#B38728)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;display:inline-block!important}.avatar{border:2px solid rgba(212,175,55,.3)!important}.star-icon{color:#D4AF37!important}footer{background:#0F172A!important;border-top:1px solid rgba(139,92,246,.2)!important}main{background:transparent!important}.bg-midnight,main{position:relative!important}.bg-midnight{background-color:#1E293B!important}#service-categories{background:transparent!important;position:relative!important}.group:hover .group-hover\:scale-110{transform:scale(1.1)!important}.group:hover .group-hover\:text-gold{color:#D4AF37!important}.mystical-button{background:linear-gradient(135deg,#8B5CF6,#7C3AED)!important;color:white!important;border:none!important;position:relative!important;overflow:hidden!important}.mystical-button:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .5s ease!important}.mystical-button:hover:before{left:100%!important}.reader-card{background:rgba(30,30,40,.5)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(139,92,246,.15)!important;transition:all .3s ease!important}.reader-card:hover{transform:translateY(-2px)!important;box-shadow:0 15px 30px rgba(139,92,246,.2)!important;border-color:rgba(212,175,55,.3)!important}.relative{position:relative!important}.z-10{z-index:10!important}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))) or (-webkit-backdrop-filter:blur(12px)){.backdrop-blur-sm{backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.backdrop-blur{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.backdrop-blur-lg{backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}}.card,.reader-card,.service-card,a,button{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.hover\:shadow-gold\/20:hover{box-shadow:0 10px 25px rgba(212,175,55,.2)!important}.text-transparent{color:transparent!important}.bg-clip-text{-webkit-background-clip:text!important;background-clip:text!important}.star{will-change:opacity!important}input:not([type=checkbox]):not([type=radio]),select,textarea{background-color:rgba(30,30,40,.5)!important;border:1px solid rgba(139,92,246,.2)!important;color:#e5e7eb!important;transition:all .2s ease!important}input:focus,select:focus,textarea:focus{background-color:rgba(30,30,40,.7)!important;border-color:#D4AF37!important;box-shadow:0 0 0 2px rgba(212,175,55,.1)!important}