:root{--primary:#3b82f6;--secondary:#8b5cf6}body{background-color:#0a0a0a;color:#fff;overflow-x:hidden}::selection{background:var(--secondary)!important;color:#fff!important}a{user-select:none}.hero-bg-lights{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-light{position:absolute;border-radius:50%;filter:blur(120px)}.hero-light-1{width:700px;height:500px;top:-10%;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,rgb(59 130 246 / .18) 0%,transparent 70%);animation:lightBreath1 8s ease-in-out infinite}.hero-light-2{width:500px;height:400px;top:5%;left:30%;background:radial-gradient(ellipse,rgb(139 92 246 / .12) 0%,transparent 70%);animation:lightBreath2 10s ease-in-out infinite}.hero-light-3{width:400px;height:300px;top:15%;right:20%;background:radial-gradient(ellipse,rgb(6 182 212 / .08) 0%,transparent 70%);animation:lightBreath3 12s ease-in-out infinite}@keyframes lightBreath1{0%,100%{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.15)}}@keyframes lightBreath2{0%,100%{opacity:.4;transform:translate(-10px,0) scale(1)}50%{opacity:.7;transform:translate(10px,-10px) scale(1.1)}}@keyframes lightBreath3{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.12) translateY(-5px)}}.hero-visual{will-change:transform,opacity}#hero-scene{perspective:1200px}.hero-3d-container{position:relative;transform-style:preserve-3d;transition:transform 0.1s ease-out}.hero-reflection{position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);width:80%;height:120px;background:radial-gradient(ellipse at 50% 0%,rgb(59 130 246 / .15) 0%,rgb(139 92 246 / .08) 40%,transparent 70%);filter:blur(40px);pointer-events:none;z-index:0;animation:reflectionPulse 6s ease-in-out infinite}@keyframes reflectionPulse{0%,100%{opacity:.5;transform:translateX(-50%) scaleX(1)}50%{opacity:.8;transform:translateX(-50%) scaleX(1.05)}}.hero-mockup{position:relative;background:#111;border:1px solid rgb(255 255 255 / .08);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px rgb(255 255 255 / .03),0 4px 40px -8px rgb(0 0 0 / .8),0 20px 80px -20px rgb(0 0 0 / .6),0 0 100px -10px rgb(59 130 246 / .08);z-index:10;transform:translateZ(0)}.mockup-chrome{height:44px;background:#1a1a1a;border-bottom:1px solid rgb(255 255 255 / .05);display:flex;align-items:center;padding:0 16px;justify-content:space-between}.chrome-dots{display:flex;gap:8px;align-items:center}.dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#FF5F56}.dot-yellow{background:#FFBD2E}.dot-green{background:#27C93F}.chrome-url{display:flex;align-items:center;gap:6px;font-size:12px;color:rgb(255 255 255 / .4);font-weight:500}.chrome-spacer{width:52px}.mockup-body{display:flex;height:380px}@media (min-width:768px){.mockup-body{height:480px}}.mockup-sidebar{width:220px;background:#141414;border-right:1px solid rgb(255 255 255 / .05);padding:16px;display:none;flex-direction:column}@media (min-width:768px){.mockup-sidebar{display:flex}}.sidebar-search{display:flex;align-items:center;gap:8px;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .06);border-radius:10px;padding:8px 12px;margin-bottom:20px;font-size:12px;color:rgb(255 255 255 / .35)}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;color:rgb(255 255 255 / .4);transition:all 0.2s;cursor:default}.sidebar-item.active{background:rgb(59 130 246 / .1);color:#60a5fa}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding-top:16px;border-top:1px solid rgb(255 255 255 / .05)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-name{font-size:13px;font-weight:600;color:#fff}.user-plan{font-size:11px;color:rgb(255 255 255 / .35)}.mockup-main{flex:1;padding:20px;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#111}@media (min-width:768px){.mockup-main{padding:24px}}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.main-header h2{font-size:16px;font-weight:700;color:#fff}@media (min-width:768px){.main-header h2{font-size:20px}}.new-prompt-btn{background:#3b82f6;color:#fff;font-size:12px;font-weight:600;padding:6px 14px;border-radius:8px;border:none;cursor:pointer;transition:all 0.2s}.new-prompt-btn:hover{background:#2563eb;transform:translateY(-1px)}.prompt-cards-grid{display:grid;grid-template-columns:1fr;gap:12px;flex:1}@media (min-width:640px){.prompt-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.prompt-cards-grid{grid-template-columns:repeat(3,1fr)}}.prompt-card{background:#1a1a1a;border:1px solid rgb(255 255 255 / .06);border-radius:14px;padding:16px;transition:all 0.35s cubic-bezier(.16,1,.3,1);cursor:default;position:relative;overflow:hidden}.prompt-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgb(255 255 255 / .02) 100%);opacity:0;transition:opacity 0.3s}.prompt-card:hover::before{opacity:1}.prompt-card:hover{border-color:rgb(255 255 255 / .12);transform:translateY(-2px);box-shadow:0 8px 30px -8px rgb(0 0 0 / .5)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.card-icon.blue{background:rgb(59 130 246 / .15);color:#60a5fa}.card-icon.purple{background:rgb(139 92 246 / .15);color:#a78bfa}.card-icon.green{background:rgb(34 197 94 / .15);color:#4ade80}.card-title{font-size:13px;font-weight:600;color:#fff;margin-bottom:4px}@media (min-width:768px){.card-title{font-size:14px}}.card-desc{font-size:11px;color:rgb(255 255 255 / .35);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;gap:6px;margin-top:12px}.card-tags span{font-size:10px;padding:3px 8px;border-radius:4px;background:rgb(255 255 255 / .05);color:rgb(255 255 255 / .4)}.card-3{display:none}@media (min-width:768px){.card-3{display:block}}.card-2{display:none}@media (min-width:640px){.card-2{display:block}}.injection-bar{margin-top:16px;background:#0d0d0d;border:1px solid rgb(59 130 246 / .2);border-radius:12px;padding:12px 16px;position:relative;overflow:hidden}.injection-bar::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgb(59 130 246 / .03),rgb(139 92 246 / .03),rgb(59 130 246 / .03));background-size:200% 100%;animation:injectionShimmer 3s linear infinite}@keyframes injectionShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.injection-indicator{display:flex;align-items:center;gap:6px;margin-bottom:8px;position:relative;z-index:1}.injection-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgb(34 197 94 / .5);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,100%{opacity:1}50%{opacity:.4}}.injection-label{font-size:10px;font-weight:600;color:rgb(255 255 255 / .5);text-transform:uppercase;letter-spacing:.5px}.injection-text{font-size:12px;color:rgb(255 255 255 / .7);font-family:'SF Mono','Fira Code',monospace;line-height:1.6;position:relative;z-index:1;min-height:20px;display:inline}.injection-cursor{display:inline-block;width:2px;height:14px;background:#3b82f6;border-radius:1px;animation:cursorBlink 0.8s steps(2) infinite;vertical-align:middle;margin-left:1px;box-shadow:0 0 6px rgb(59 130 246 / .5)}@keyframes cursorBlink{0%,100%{opacity:1}50%{opacity:0}}.floating-logo{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgb(255 255 255 / .1);box-shadow:0 4px 20px -4px rgb(0 0 0 / .5),inset 0 1px 0 rgb(255 255 255 / .06);transition:transform 0.4s cubic-bezier(.16,1,.3,1)}.floating-logo:hover{transform:scale(1.08)!important}.logo-text{font-size:11px;font-weight:700;letter-spacing:.3px}.logo-chatgpt{top:10%;left:-5%;background:rgb(16 163 127 / .12);color:#10a37f}.logo-claude{top:15%;right:-4%;background:rgb(204 119 34 / .12);color:#c72}.logo-gemini{bottom:20%;left:-6%;background:rgb(66 133 244 / .12);color:#4285f4}.logo-perplexity{bottom:12%;right:-5%;background:rgb(34 211 238 / .12);color:#22d3ee}@media (max-width:767px){.floating-logo{display:none}}.sparkle{position:absolute;z-index:15;font-size:14px;opacity:.4;pointer-events:none}.sparkle-1{top:5%;left:15%;color:#60a5fa;animation:sparklePulse 3s ease-in-out infinite}.sparkle-2{top:25%;right:10%;color:#a78bfa;animation:sparklePulse 4s ease-in-out infinite 1s}.sparkle-3{bottom:30%;left:8%;color:#22d3ee;animation:sparklePulse 3.5s ease-in-out infinite 0.5s}.sparkle-4{bottom:10%;right:15%;color:#fbbf24;font-size:16px;animation:sparklePulse 2.5s ease-in-out infinite 0.3s}@keyframes sparklePulse{0%,100%{opacity:.2;transform:scale(.8) rotate(0deg)}50%{opacity:.6;transform:scale(1.2) rotate(15deg)}}@media (max-width:767px){.sparkle{display:none}}#navbar{will-change:background-color,backdrop-filter;transition:background-color 0.3s ease,backdrop-filter 0.3s ease}#navbar.navbar-scrolled{background-color:rgb(10 10 10 / .5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav-pill{transition:background-color 0.3s ease,border-color 0.3s ease}.navpill-top{background-color:rgb(18 18 18 / .8);border-color:rgb(255 255 255 / .1)}.navpill-scrolled{background-color:rgb(18 18 18 / .95);border-color:rgb(255 255 255 / .2)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(1deg)}100%{transform:translateY(0) rotate(0deg)}}.animate-float-slow{animation:float 6s ease-in-out infinite}@keyframes pulse-slow{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.animate-pulse-slow{animation:pulse-slow 8s ease-in-out infinite}.aurora-bg{background:radial-gradient(circle at 50% 50%,rgb(59 130 246 / .15),transparent 60%),radial-gradient(circle at 100% 0%,rgb(139 92 246 / .1),transparent 50%);filter:blur(80px);z-index:-1}.glass{background:rgb(255 255 255 / .05);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .1)}::selection{background:rgb(59 130 246 / .3);color:#fff}.spotlight{background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgb(59 130 246 / .15) 0%,transparent 50%);pointer-events:none;z-index:0}.text-gradient-metallic{background:linear-gradient(to bottom right,#ffffff 30%,#9ca3af 100%);-webkit-background-clip:text;background-clip:text;color:#fff0}.glass-card-premium{background:rgb(20 20 20 / .6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgb(255 255 255 / .08);box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -1px rgb(0 0 0 / .06),inset 0 1px 0 rgb(255 255 255 / .1)}.btn-glow{position:relative;overflow:hidden;transition:all 0.3s ease}.btn-glow::before{content:'';position:absolute;top:50%;left:50%;width:150%;height:150%;background:radial-gradient(circle,rgb(255 255 255 / .4) 0%,transparent 60%);transform:translate(-50%,-50%) scale(0);transition:transform 0.5s ease;z-index:0}.btn-glow:hover::before{transform:translate(-50%,-50%) scale(1);opacity:0}.btn-glow:hover{box-shadow:0 0 20px rgb(59 130 246 / .4);transform:translateY(-2px)}@keyframes float-gentle{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float-gentle{animation:float-gentle 5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.shimmer-bg{background:linear-gradient(90deg,#fff0 0%,rgb(255 255 255 / .05) 50%,#fff0 100%);background-size:200% 100%;animation:shimmer 3s infinite linear}@keyframes gradient-x{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.animate-gradient-x{background-size:200% auto;animation:gradient-x 4s linear infinite}.bento-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(280px,auto)}}@media (min-width:1024px){.bento-grid{grid-template-columns:repeat(3,1fr)}}.bento-card{background-color:#121212;border:1px solid rgb(255 255 255 / .08);border-radius:1.5rem;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(.16,1,.3,1);isolation:isolate}@media (hover:hover){.bento-card:hover{border-color:rgb(255 255 255 / .15);background-color:#161616;transform:translateY(-2px);box-shadow:0 20px 40px -10px rgb(0 0 0 / .5),0 0 20px -10px rgb(59 130 246 / .1)}.bento-card:hover::after{opacity:1}}.bento-card::after{content:'';position:absolute;inset:0;background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgb(255 255 255 / .04),transparent 40%);opacity:0;transition:opacity 0.5s;pointer-events:none;z-index:10}.bento-icon{width:3rem;height:3rem;border-radius:1rem;background:rgb(255 255 255 / .05);display:flex;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / .05);margin-bottom:1.5rem}.col-span-2{grid-column:span 1}@media (min-width:1024px){.col-span-2{grid-column:span 2}}