code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Inter,sans-serif}.bg-dark{background-color:#0f172a}.bg-primary{background-color:#8b5cf6}.bg-accent{background-color:#ec4899}.gradient-border{position:relative;z-index:0}.gradient-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#8B5CF6,#EC4899,#8B5CF6);border-radius:.75rem;z-index:-1;animation:gradient-border 3s ease infinite;background-size:300% 300%}@keyframes gradient-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .6s}@keyframes button-pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.animate-pop{animation:button-pop .18s}@keyframes line-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}80%{opacity:1;transform:translateY(-2px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-line-pop{animation:line-pop .33s cubic-bezier(.52,1.65,.5,1.02) both}@keyframes code-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animated-code-line{animation:code-fade-in .35s cubic-bezier(.4,.1,.6,1) both}.copy-btn{background:#212735;color:#fff;font-weight:600;padding:.4rem 1.1rem;border-radius:.5rem;border:1px solid #31394b;transition:background .15s,color .15s,box-shadow .2s;box-shadow:0 1px 4px #0002}.copy-btn:hover{background:#23294d;color:#ffc85e;box-shadow:0 3px 12px #0004}.copy-btn.copied{background:#0cb977;color:#fff;border-color:#0cb977;animation:pop .3s}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}::-webkit-scrollbar{width:12px;background:#191d24}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#343e51 40%,#42536b 100%);border-radius:8px;border:2px solid #191d24;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#42536b 30%,#627bb0 100%)}::-webkit-scrollbar-corner{background:#191d24}*{scrollbar-width:thin;scrollbar-color:#42536b #191d24}@keyframes fade-in-bottom{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-bottom{animation:fade-in-bottom .6s cubic-bezier(.5,1.5,.3,1) both}@keyframes green-glow{0%,to{text-shadow:0 0 8px #1ff58e,0 0 24px #36ffb0}50%{text-shadow:0 0 20px #36ffb0,0 0 60px #1ff58e}}@keyframes red-glow{0%,to{text-shadow:0 0 8px #ff3e5b,0 0 24px #ff7e94}50%{text-shadow:0 0 20px #ff7e94,0 0 60px #ff3e5b}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.glow-green{animation:green-glow 1s infinite alternate}.glow-red{animation:red-glow 1s infinite alternate}.pulse-scale{animation:pulse-scale 1.2s infinite cubic-bezier(.5,1.5,.3,1)}.button-shine{position:relative;overflow:hidden}.button-shine:before{content:"";position:absolute;left:-75%;top:0;width:50%;height:100%;background:linear-gradient(110deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.6) 60%,rgba(255,255,255,0) 100%);transform:skew(-30deg);transition:left .6s cubic-bezier(.5,1.5,.3,1);z-index:1;pointer-events:none}.button-shine:hover:before{left:110%;transition:left .6s cubic-bezier(.5,1.5,.3,1)}.footer-social{color:#93f6c4;background:linear-gradient(145deg,#1f242e 60%,#23283a 100%);border-radius:50%;padding:10px;transition:transform .22s cubic-bezier(.5,1.5,.3,1),box-shadow .3s,background .25s;box-shadow:0 0 0 transparent;border:1.5px solid #313a4b;display:flex;align-items:center;justify-content:center}.drop-shadow-glow{filter:drop-shadow(0 0 10px #46e4ff55) drop-shadow(0 0 1px #39f9b066)}@keyframes footer-fadein{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.animate-footer-fadein{animation:footer-fadein .8s cubic-bezier(.45,1.3,.4,1) both}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up .65s cubic-bezier(.45,1.3,.4,1) both}.animate-fade-up.delay-100{animation-delay:.1s}.animate-fade-up.delay-150{animation-delay:.15s}@keyframes logo-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.animate-logo-pop{animation:logo-pop .9s cubic-bezier(.47,2,.51,.96) .09s both}@keyframes text-shine{0%{filter:brightness(.8)}50%{filter:brightness(1.3)}to{filter:brightness(1)}}.animate-text-shine{animation:text-shine 2s ease-in-out infinite alternate}.footer-social{color:#93f6c4;background:linear-gradient(145deg,#191d24 60%,#23283a 100%);border-radius:50%;padding:9px;transition:transform .22s cubic-bezier(.5,1.5,.3,1),box-shadow .3s,background .25s;box-shadow:0 0 0 transparent;border:1.5px solid #23283a;display:flex;align-items:center;justify-content:center}.footer-social:hover,.footer-social:focus{color:#fff;background:linear-gradient(145deg,#45e8ff 0%,#36ffb0 100%);transform:scale(1.13) rotate(-6deg);box-shadow:0 0 12px #36ffb0,0 0 28px #47e3ff44;outline:none}@keyframes footerlogo-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.animate-footerlogo-pop{animation:footerlogo-pop .7s cubic-bezier(.47,2,.51,.96) .1s both}@keyframes footer-shine{0%{filter:brightness(.9)}48%{filter:brightness(2) drop-shadow(0 0 18px #8cffe4)}to{filter:brightness(.9)}}.animate-footer-shine{animation:footer-shine 2.7s ease-in-out infinite alternate}.footer-social{color:#85effc;background:none;border-radius:50%;padding:7px;transition:transform .22s cubic-bezier(.5,1.5,.3,1),box-shadow .3s,color .25s;box-shadow:none;display:flex;align-items:center;justify-content:center}.footer-social:hover,.footer-social:focus{color:#30ffe0;transform:scale(1.15) rotate(-6deg);box-shadow:0 0 10px #30ffe044,0 0 6px #13e6ff55;outline:none}@keyframes footer-glow{0%{filter:brightness(.95)}40%{filter:brightness(1.5) drop-shadow(0 0 14px #1ee8ff88)}to{filter:brightness(.95)}}.logo-gradient{background:linear-gradient(90deg,#8B5CF6 0%,#EC4899 100%);-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes footer-glow{0%{filter:brightness(1) drop-shadow(0 0 0 #8B5CF6)}30%{filter:brightness(1.25) drop-shadow(0 0 16px #EC4899)}to{filter:brightness(1) drop-shadow(0 0 0 #8B5CF6)}}.animate-footer-glow{animation:footer-glow 2.2s cubic-bezier(.47,2,.51,.96) infinite alternate}@keyframes running-border{to{border-image-slice:1;border-image-source:linear-gradient(90deg,#10b981 0%,#22d3ee 40%,#10b981 80%,transparent 100%);border-image-width:2px;border-image-outset:0;border-image-repeat:round;transform:rotate(360deg)}}