@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-dark: #0a0e1a;--blue-1: #7dd3fc;--blue-2: #38bdf8;--blue-3: #0ea5e9;--blue-4: #075985;--text-main: #ffffff;--text-muted: #9ca3af;--border-soft: rgba(59, 130, 246, .25);--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.landing-beta{width:100%;min-height:100vh;background:var(--bg-dark);color:var(--text-main);overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-main);margin:0}h1{font-size:4.5rem;font-weight:800;letter-spacing:-.02em}h2{font-size:3.5rem;font-weight:700;letter-spacing:-.01em}h3{font-size:2.5rem;font-weight:700}h4{font-size:1.875rem;font-weight:600}h5{font-size:1.5rem;font-weight:600}h6{font-size:1.25rem;font-weight:600}.hero-section{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column}.hero-background{position:absolute;inset:0;z-index:0;background:#0a0e1a}.hero-grid{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;opacity:.4;pointer-events:none}.hero-glow-base{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#bae6fd,#7dd3fc 6%,#38bdf8 14%,#0ea5e9 24%,#0284c7,#0369a1,#075985,#0c4a6e,#0a3044 84%,#0a0e1a);z-index:2;pointer-events:none;mask-image:radial-gradient(ellipse 90% 80% at 50% 100%,black 0%,rgba(0,0,0,.95) 20%,rgba(0,0,0,.85) 35%,rgba(0,0,0,.7) 48%,rgba(0,0,0,.5) 58%,rgba(0,0,0,.3) 68%,rgba(0,0,0,.15) 78%,rgba(0,0,0,.05) 88%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 100%,black 0%,rgba(0,0,0,.95) 20%,rgba(0,0,0,.85) 35%,rgba(0,0,0,.7) 48%,rgba(0,0,0,.5) 58%,rgba(0,0,0,.3) 68%,rgba(0,0,0,.15) 78%,rgba(0,0,0,.05) 88%,transparent 100%)}.hero-glow{position:absolute;bottom:-100px;left:50%;transform:translate(-50%);width:2400px;height:750px;background:radial-gradient(ellipse 55% 100% at 50% 100%,rgba(186,230,253,.25) 0%,rgba(125,211,252,.18) 25%,rgba(56,189,248,.1) 45%,rgba(14,165,233,.05) 65%,transparent 85%);filter:blur(100px);border-radius:50%;z-index:1;pointer-events:none}.hero-content{position:relative;z-index:10;flex:1;width:100%;max-width:100%;margin:0;padding:calc(25vh + 50px) 2rem 2rem 100px;text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.dashboard-greeting{text-align:center;margin-bottom:2rem;width:100%;max-width:800px;position:relative;z-index:11}.dashboard-greeting-text{font-size:1.5rem;font-weight:600;color:#fffffff2;margin:0;line-height:1.3;letter-spacing:-.02em}.dashboard-greeting-name{background:linear-gradient(135deg,#7dd3fc,#38bdf8,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.dashboard-chat-input{margin-top:2rem;width:100%}.hero-chat-input{width:100%;max-width:700px;margin:0 auto}.chat-input-container{position:relative;background:#1e2332e6;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006,0 0 0 1px #7dd3fc1a inset,0 0 60px #38bdf826;transition:all .3s ease}.chat-input-container:before{content:"";position:absolute;inset:-2px;border-radius:18px;padding:2px;background:linear-gradient(135deg,#38bdf84d,#7dd3fc33,#a855f733,#ec489933,#38bdf84d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;z-index:-1;transition:opacity .3s ease}.chat-input-container:hover,.chat-input-container:focus-within{border-color:#7dd3fc4d;box-shadow:0 12px 40px #00000080,0 0 0 1px #7dd3fc33 inset,0 0 80px #38bdf840}.chat-input-container:hover:before,.chat-input-container:focus-within:before{opacity:1;background:linear-gradient(135deg,#38bdf880,#7dd3fc66,#a855f766,#ec489966,#38bdf880);animation:frameGlow 3s ease-in-out infinite}.chat-textarea{width:100%;background:transparent;border:none;outline:none;color:#fff;font-size:1.1rem;font-family:inherit;resize:none;padding:.5rem 0;line-height:1.5}.chat-textarea:focus{outline:none;border:none;box-shadow:none}.chat-textarea::placeholder{color:#ffffff80}.chat-input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.chat-btn-add{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.chat-btn-add:hover{background:#ffffff26;color:#fff;border-color:#ffffff40}.chat-input-right{display:flex;align-items:center;gap:1.25rem}.chat-plan-text{display:flex;align-items:center;gap:.5rem;color:#ffffff80;font-size:.9rem;font-weight:500;cursor:pointer;transition:color .3s ease}.chat-plan-text:hover{color:#fffc}.chat-plan-text .plan-icon{stroke:#ffffff80;transition:stroke .3s ease}.chat-plan-text:hover .plan-icon{stroke:#fffc}.chat-btn-build{background:#fff;width:36px;height:36px;padding:0;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #fff3}.chat-btn-build svg{stroke:#0a0e1a}.chat-btn-build:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #ffffff59;background:#f8fafc}@keyframes glowFadeIn{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes glowBaseFadeIn{0%{opacity:0}to{opacity:1}}@keyframes contentFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes frameGlow{0%,to{opacity:.8;filter:blur(0px)}50%{opacity:1;filter:blur(1px)}}.hero-glow{animation:glowFadeIn 2s ease-out forwards}.hero-glow-base{animation:glowBaseFadeIn 2.5s ease-out forwards}.dashboard-greeting{animation:contentFadeUp .8s ease-out .7s both}.dashboard-chat-input{animation:contentFadeUp .8s ease-out .9s both}@keyframes shimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}@media (max-width: 768px){.hero-chat-input{max-width:100%}}.dashboard-projects-section{width:100%;margin-top:15rem;background:#0b101b;border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.05)}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.projects-tabs{display:flex;gap:1.5rem}.project-tab{background:transparent;border:none;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;padding:.5rem 0;position:relative;transition:color .3s ease}.project-tab:hover,.project-tab.active{color:#fff}.project-tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;border-radius:2px}.projects-actions{display:flex;align-items:center}.browse-all{color:var(--text-muted);text-decoration:none;font-size:.85rem;transition:color .3s ease}.browse-all:hover{color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.projects-grid{grid-template-columns:1fr}}.project-card{background:transparent;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease}.project-card:hover{transform:translateY(-4px)}.project-card-preview{width:100%;height:180px;background:#151a25;border-radius:12px;overflow:hidden;margin-bottom:.75rem;border:1px solid rgba(255,255,255,.05);position:relative}.preview-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ffffff08,#ffffff03);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff3}.preview-light{background:linear-gradient(135deg,#ffffffe6,#f0f0f0)}.preview-dots{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px}.project-card-info{display:flex;align-items:flex-start;gap:.75rem;padding:0 .5rem}.project-icon{width:32px;height:32px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.project-icon svg{width:16px;height:16px}.project-details{display:flex;flex-direction:column}.project-name{font-size:.95rem;font-weight:500;color:#fff;margin-bottom:.25rem;text-align:left}.project-meta{font-size:.8rem;color:var(--text-muted);text-align:left}