@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";
@import "https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css";
.landing-body{background-color:var(--bg-primary);color:var(--text-primary);justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Outfit,sans-serif;display:flex;position:relative;overflow:hidden}.background-effects{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.glow-orb{filter:blur(120px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.orb-1{background:#6366f140;width:500px;height:500px;top:-20%;left:-10%}.orb-2{background:#ec489926;width:400px;height:400px;animation-delay:-5s;bottom:-15%;right:-10%}.orb-3{background:#2dd4bf26;width:300px;height:300px;animation-delay:-10s;top:40%;left:50%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(60px,60px)scale(1.1)}}.container{z-index:1;width:100%;max-width:1100px;padding:40px;position:relative}.header{text-align:center;opacity:0;margin-bottom:70px;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeDown;transform:translateY(-20px)}.title{letter-spacing:-.03em;background:linear-gradient(to right, var(--text-primary), var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:4.5rem;font-weight:800}.title span{background:linear-gradient(135deg, var(--color-cptq-secondary) 0%, var(--color-cptq-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.subtitle{color:var(--text-secondary);font-size:1.25rem;font-weight:400}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border-subtle);color:inherit;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;border-radius:24px;flex-direction:column;padding:36px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeUp;display:flex;position:relative;overflow:hidden;transform:translateY(30px)}.tool-card:first-child{animation-delay:.1s}.tool-card:nth-child(2){animation-delay:.2s}.tool-card:nth-child(3){animation-delay:.3s}.tool-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff08 0%,#fff0 100%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.tool-card:after{content:"";background:radial-gradient(800px circle at var(--mouse-x,-500px) var(--mouse-y,-500px), #ffffff0d, transparent 40%);z-index:1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.tool-card:hover{border-color:var(--color-cptq-secondary);transform:translateY(-8px);box-shadow:0 24px 48px #0006}.tool-card:hover:before,.tool-card:hover:after{opacity:1}.card-icon,.card-content,.card-arrow,.badge{z-index:2;position:relative}.card-icon{width:64px;height:64px;color:var(--color-cptq-secondary);background:#ffffff08;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;font-size:32px;transition:transform .4s cubic-bezier(.16,1,.3,1),background .4s;display:flex}.tool-card:hover .card-icon{color:var(--color-cptq-accent);background:#348cb01a;transform:scale(1.1)rotate(-5deg)}.card-content h3{letter-spacing:-.01em;margin-bottom:12px;font-size:1.5rem;font-weight:600;transition:color .3s}.card-content p{color:var(--text-secondary);padding-bottom:30px;font-size:1rem;font-weight:400;line-height:1.6}.card-arrow{background:var(--text-primary);width:44px;height:44px;color:var(--bg-primary);opacity:0;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:36px;right:36px;transform:translate(-10px,10px)}.tool-card:hover .card-arrow{opacity:1;transform:translate(0)}.coming-soon{cursor:default}.coming-soon:hover{box-shadow:none;border-color:#ffffff14;transform:translateY(0)}.coming-soon .card-icon{color:var(--text-muted)}.coming-soon:hover .card-icon{color:#a1a1aa;background:#ffffff08;transform:none}.badge{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0d;border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:600;position:absolute;top:36px;right:36px}@keyframes fadeDown{to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.title{font-size:3rem}.subtitle{font-size:1.1rem}.tools-grid{grid-template-columns:1fr}.container{padding:24px}}