*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0a0a1a,#141428 50%,#0f1729);background-attachment:fixed;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:before{background:radial-gradient(circle at 20% 80%,#7877c608 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c608 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}#root{min-height:100vh;z-index:1}#root,.container{position:relative}.container{margin:0 auto;max-width:1400px;padding:2rem;width:100%}.container>*+*{margin-top:2.5rem}.auth-card,.customization-section,.dashboard-section,.detailed-how-section,.integration-section,.project-grid,.section,.stats-section,.tech-stack-section,.upload-area,section{margin-bottom:2.5rem}@media (min-width:1024px){.container>*+*{margin-top:3rem}}.small-text{font-size:.875rem;font-weight:400}.muted-text{color:#ffffffa6}.centered{align-items:center;display:flex;flex-direction:column;justify-content:center}.empty-state{background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;padding:3rem 2rem;text-align:center}.flex-between{align-items:center;gap:1.5rem;justify-content:space-between}.flex-between,.input-row{display:flex;flex-wrap:wrap}.input-row{align-items:flex-end;gap:1.25rem}.code-inline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;padding:1rem 1.25rem}section.dashboard-section>h3{color:#fff;font-weight:600;margin-bottom:1rem}section.dashboard-section .project-grid{margin-top:1.5rem}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 #ffffff0d;margin-bottom:2.5rem;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);border-radius:24px 24px 0 0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.card:hover{border-color:#ffffff26;box-shadow:0 8px 25px -5px #0003,0 8px 10px -6px #0000001a,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}h1,h2,h3{color:#fff;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.25rem}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);background-clip:text;-webkit-background-clip:text;font-size:2.75rem;font-weight:800;text-align:left}h2{font-size:2rem;font-weight:700}h2,h3{color:#fff}h3{font-size:1.375rem;font-weight:600}form{display:flex;flex-direction:column;gap:2rem}label{color:#fff;display:block;font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-bottom:.75rem}input[type=email],input[type=file],input[type=password],input[type=text]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;box-shadow:inset 0 1px 2px #0000001a;color:#fff;font-size:1rem;font-weight:400;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}input[type=email]:focus,input[type=file]:focus,input[type=password]:focus,input[type=text]:focus{background:#ffffff0d;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,inset 0 1px 2px #0000001a;outline:none;transform:translateY(-1px)}input::placeholder{color:#fff6;font-weight:400}textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;box-shadow:inset 0 1px 2px #0000001a;color:#fff;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.6;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}textarea:focus{background:#ffffff0d;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,inset 0 1px 2px #0000001a;outline:none;transform:translateY(-1px)}textarea::placeholder{color:#fff6;font-weight:400}button{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #0000;box-shadow:0 4px 14px 0 #3b82f640,inset 0 1px 0 #fff3;color:#fff;font-weight:600}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px 0 #3b82f659,inset 0 1px 0 #fff3;transform:translateY(-2px)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;color:#fff;font-weight:500}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn-danger{background:#ef44441a;border:1px solid #ef44444d;color:#f87171;font-weight:500}.btn-danger:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 4px 12px #ef44444d;color:#fff;transform:translateY(-1px)}.btn-small{border-radius:12px;font-size:.875rem;padding:.75rem 1.5rem}.loading{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.project-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin-top:2rem}.project-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);border-radius:24px 24px 0 0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.project-card:hover{border-color:#ffffff26;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;transform:translateY(-4px)}.project-header{gap:1.25rem;margin-bottom:1.5rem}.project-header,.project-icon{align-items:center;display:flex}.project-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;box-shadow:0 4px 14px 0 #3b82f640,inset 0 1px 0 #fff3;color:#fff;font-size:1.25rem;font-weight:800;height:56px;justify-content:center;letter-spacing:-.5px;overflow:hidden;position:relative;width:56px}.project-icon.alpha{background:linear-gradient(135deg,#3b82f6,#1e40af)}.project-icon.beta{background:linear-gradient(135deg,#06b6d4,#0891b2)}.project-icon.gamma{background:linear-gradient(135deg,#ef4444,#dc2626)}.project-icon.delta{background:linear-gradient(135deg,#10b981,#059669)}.project-icon:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.project-card:hover .project-icon:after{left:100%}.project-info h3{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.project-info p{color:#ffffffa6;font-size:.875rem;font-weight:400;margin:.5rem 0 0}.project-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;font-size:.875rem;font-weight:500;margin:1.5rem 0;padding:1.25rem 1.5rem;position:relative;text-align:center}.status:before{border-radius:16px 16px 0 0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.status.success{color:#4ade80}.status.success:before{background:linear-gradient(90deg,#0000,#22c55e80,#0000)}.status.error{color:#f87171}.status.error:before{background:linear-gradient(90deg,#0000,#ef444480,#0000)}.status.info{color:#60a5fa}.status.info:before{background:linear-gradient(90deg,#0000,#3b82f680,#0000)}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative}.auth-container:before{animation:pulse-auth 4s ease-in-out infinite;background:radial-gradient(circle,#3b82f61a 0,#0000 70%);border-radius:50%;content:"";height:600px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}@keyframes pulse-auth{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000080,inset 0 1px 0 #ffffff1a;max-width:420px;padding:3rem;position:relative;width:100%;z-index:1}.auth-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);border-radius:24px 24px 0 0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.auth-card h1{-webkit-text-fill-color:#fff;background:none;color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}.auth-card a,.auth-container a,.back-link,a[href*=back],a[href="/"]{align-items:center;color:#fff!important;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;opacity:.8;text-decoration:none;transition:all .3s ease}.auth-card a:hover,.auth-container a:hover,.back-link:hover,a[href*=back]:hover,a[href="/"]:hover{color:#fff!important;opacity:1;text-decoration:underline}.dashboard-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:3rem;padding:2rem 0;position:relative}.dashboard-header:after{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:60px}.user-info{gap:1.25rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;box-shadow:0 4px 14px 0 #3b82f640,inset 0 1px 0 #fff3;color:#fff;font-size:1rem;font-weight:800;height:48px;justify-content:center;letter-spacing:-.5px;width:48px}.upload-area{padding:3rem}.upload-area:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);border-radius:20px 20px 0 0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.upload-area:hover{background:#3b82f608;border-color:#3b82f666;box-shadow:0 8px 25px #3b82f61a;transform:translateY(-2px)}.upload-area.drag-over{background:#3b82f60d;border-color:#3b82f6;box-shadow:0 8px 25px #3b82f633,inset 0 0 0 1px #3b82f61a;transform:scale(1.02)}.upload-page-header{margin-bottom:2rem}.upload-page-title h2{color:#fff;font-size:1.75rem;font-weight:600;line-height:1.3;margin:1rem 0 .5rem}.upload-page-description{color:#ffffffb3;font-size:1rem;line-height:1.5;margin:0}.upload-form-container{margin-bottom:2rem}.upload-form{gap:1.5rem;padding:20px}.upload-form,.upload-section{display:flex;flex-direction:column}.upload-section{gap:.75rem}.upload-label{color:#fff;font-size:1rem;font-weight:500;margin-bottom:.5rem}.upload-area{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:2px dashed #ffffff26;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.upload-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.upload-text{align-items:center;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;z-index:1}.upload-icon{font-size:2.5rem;margin-bottom:.5rem}.upload-main-text{color:#fff;font-size:1.1rem;font-weight:500}.upload-sub-text{color:#fff9;font-size:.875rem;line-height:1.4;text-align:center}.upload-btn{border-radius:16px;font-size:1.1rem;font-weight:600;padding:1rem 2rem;width:100%}.selected-files{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;margin-top:1rem;padding:1rem}.selected-files h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .75rem}.selected-files-list{display:flex;flex-direction:column;gap:.5rem}.selected-file-item{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;display:flex;justify-content:space-between;padding:.5rem .75rem;transition:background-color .2s ease}.selected-file-item:hover{background:#ffffff0a}.selected-file-name{color:#fff;flex:1 1;font-size:.9rem;font-weight:500;text-align:left;word-break:break-word}.selected-file-size{color:#fff9;font-size:.8rem;font-weight:400;margin-left:1rem}.upload-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-weight:500;margin-top:1.5rem;padding:1rem 1.5rem}.upload-status-success{background:#51cf661a;border:1px solid #51cf6633;color:#51cf66}.upload-status-error{background:#ff6b6b1a;border:1px solid #ff6b6b33;color:#ff6b6b}.uploaded-files-container{margin-top:2rem;padding:20px}.uploaded-files-container h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.uploaded-files-list{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow:hidden;padding:0}.uploaded-file-item{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:background-color .2s ease}.uploaded-file-item:last-child{border-bottom:none}.uploaded-file-item:hover{background:#ffffff05}.file-name{color:#fff;flex:1 1;font-weight:500;text-align:left}.file-size{color:#fff9;font-size:.875rem;font-weight:400}.project-view{border-radius:24px;min-height:60vh;padding:2rem 0;position:relative}.screen-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;display:flex;flex-direction:column;inset:0;justify-content:center;padding:2rem;position:fixed;text-align:center;z-index:10000}.loading-lg{border:3px solid #fff3;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.loading-lg,.loading-xl{animation:spin 1s linear infinite}.loading-xl{border:4px solid #fff3;border-radius:50%;border-top-color:#3b82f6;height:56px;width:56px}.loading-dots{align-items:center;display:inline-flex;gap:.25rem}.loading-dots:after,.loading-dots:before{animation:loading-dots 1.4s ease-in-out infinite both;background:currentColor;border-radius:50%;content:"";display:inline-block;height:4px;width:4px}.loading-dots:before{animation-delay:-.32s;margin-right:.25rem}@keyframes loading-dots{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.page-loading{background:linear-gradient(135deg,#0a0a1a,#141428 50%,#0f1729);inset:0;justify-content:center;padding:2rem;position:fixed;text-align:center;z-index:20000}.page-loading,.page-loading .loading-content{align-items:center;display:flex;flex-direction:column}.page-loading .loading-content{gap:2rem}.page-loading .loading-logo{align-items:center;animation:pulse-logo 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:20px;box-shadow:0 4px 14px 0 #3b82f640,inset 0 1px 0 #fff3;color:#fff;display:flex;font-size:2rem;font-weight:800;height:80px;justify-content:center;width:80px}@keyframes pulse-logo{0%,to{box-shadow:0 4px 14px 0 #3b82f640,inset 0 1px 0 #fff3;transform:scale(1)}50%{box-shadow:0 8px 25px 0 #3b82f659,inset 0 1px 0 #ffffff4d;transform:scale(1.05)}}.page-loading h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);background-clip:text;-webkit-background-clip:text;margin:0}.page-loading p{color:#fff9;margin:0;max-width:400px}.loading-steps{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;max-width:300px;width:100%}.loading-step{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .3s ease}.loading-step.completed{background:#22c55e1a;border-color:#22c55e4d}.loading-step.loading{animation:pulse-step 2s ease-in-out infinite;background:#3b82f61a;border-color:#3b82f64d}.loading-step.pending{background:#ffffff05;border-color:#ffffff0d;opacity:.5}.step-icon{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff9;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:20px;justify-content:center;width:20px}.loading-step.completed .step-icon{background:#22c55e33;color:#22c55e}.loading-step.loading .step-icon{background:#3b82f633;color:#3b82f6}.loading-step span{color:#fffc;font-size:.9rem;font-weight:500}.loading-step.pending span{color:#fff6}@keyframes pulse-step{0%,to{background:#3b82f61a;border-color:#3b82f64d}50%{background:#3b82f626;border-color:#3b82f666}}@keyframes pulse-fade{0%,to{opacity:.4}50%{opacity:.8}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton{background:#ffffff0f;border-radius:12px;overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.skeleton-line{background:#ffffff0f;border-radius:8px;height:14px}.skeleton-rect{background:#ffffff0f;border-radius:12px}.skeleton-avatar{background:#ffffff0f;border-radius:50%}.project-breadcrumb{gap:.75rem}.breadcrumb-link{color:#60a5fa;cursor:pointer;font-weight:500;transition:color .2s ease}.breadcrumb-link:hover{color:#3b82f6;text-decoration:underline}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled,button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;pointer-events:none;transform:none!important}.tech-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tech-category{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:2rem;transition:all .3s ease}.tech-category:hover{border-color:#ffffff26;transform:translateY(-2px)}.tech-category h3{color:#60a5fa;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.tech-items{display:flex;flex-direction:column;gap:.75rem}.tech-item{background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:10px;color:#60a5fa;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.tech-item:hover{background:#60a5fa26;border-color:#60a5fa4d}.stats-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-radius:20px;padding:2rem}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#ffffff1a;transform:translateY(-2px)}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffb3);background-clip:text;-webkit-background-clip:text;color:#fff;font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#ffffffb3;font-size:1rem;font-weight:500}.developer-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;margin:0 auto;max-width:900px;padding:3rem}.developer-info{align-items:flex-start;display:flex;gap:2rem}.developer-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;box-shadow:0 4px 14px 0 #3b82f640,inset 0 1px 0 #fff3;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:800;height:100px;justify-content:center;overflow:hidden;width:100px}.developer-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.developer-details h3{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.developer-details p{color:#ffffffb3;font-size:1rem;line-height:1.6;margin-bottom:.75rem}.developer-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.dev-link{background:#60a5fa1a;border:1px solid #60a5fa33;border-radius:8px;color:#60a5fa;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:color .3s ease}.dev-link:hover{background:#60a5fa33;border-color:#60a5fa4d;color:#fff}.footer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff05;border-top:1px solid #ffffff14;margin-top:4rem;padding:2rem 1.5rem}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto;max-width:1400px}.footer-text p{color:#fff9;font-size:.875rem;margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem}.footer-links a{color:#60a5fa;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#3b82f6}@media (min-width:769px) and (max-width:1024px){.upload-page-title h2{font-size:1.625rem}.upload-area{min-height:110px;padding:1.75rem}.upload-icon{font-size:2.25rem}.upload-btn,.upload-main-text{font-size:1.05rem}.upload-btn{padding:.9375rem 1.75rem}.uploaded-file-item{padding:.9375rem 1.25rem}}@media (max-width:768px){body{background:linear-gradient(135deg,#0a0a1a,#141428 50%,#0f1729);color:#fff}.container{background:#0000;color:#fff;padding:1.5rem}.project-grid{gap:1.5rem;grid-template-columns:1fr}.dashboard-header{align-items:stretch;color:#fff;gap:1.5rem;text-align:center}.dashboard-header,.flex-between,.project-actions{flex-direction:column}.flex-between{align-items:stretch;gap:1rem}.input-row{flex-direction:column}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffe6 50%,#fffc);background-clip:text;-webkit-background-clip:text;font-size:2.25rem}h1,h2{color:#fff}h2{font-size:1.75rem}.upload-page-header{margin-bottom:1.5rem}.upload-page-title h2{font-size:1.5rem;line-height:1.2;margin:.75rem 0 .5rem}.upload-page-description{font-size:.9rem}.upload-area{border-radius:16px;min-height:100px;padding:1.5rem 1rem}.upload-icon{font-size:2rem;margin-bottom:.25rem}.upload-main-text{font-size:1rem}.upload-sub-text{font-size:.8rem;line-height:1.3}.upload-btn{border-radius:12px;font-size:1rem;padding:.875rem 1.5rem}.upload-status{font-size:.9rem;margin-top:1rem;padding:.875rem 1rem}.selected-files{margin-top:.75rem;padding:.75rem}.selected-files h4{font-size:.9rem;margin-bottom:.5rem}.selected-file-item{align-items:flex-start;flex-direction:column;gap:.25rem;padding:.5rem}.selected-file-name{font-size:.85rem;word-break:break-all}.selected-file-size{align-self:flex-end;font-size:.75rem;margin-left:0}.uploaded-files-container h3{font-size:1.125rem}.uploaded-file-item{align-items:flex-start;flex-direction:column;gap:.25rem;padding:.875rem 1rem}.file-name{font-size:.9rem;word-break:break-all}.file-size{align-self:flex-end;font-size:.8rem}h3,h4,h5,h6{color:#fff}p{color:#fffc}.auth-card,.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;color:#fff;padding:2rem}.auth-card{margin:1rem}.upload-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:2px dashed #ffffff26;color:#fff;padding:2rem}.developer-info{align-items:center}.developer-info,.footer-content{flex-direction:column;text-align:center}input,select,textarea{background:#ffffff0d;border:1px solid #ffffff26;color:#fff}input::placeholder,textarea::placeholder{color:#ffffff80}button{color:#fff}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;width:100%}.btn-secondary{background:#ffffff0d;border:1px solid #ffffff26;color:#fff}}@media (max-width:480px){body{background:linear-gradient(135deg,#0a0a1a,#141428 50%,#0f1729);color:#fff}.container{background:#0000;color:#fff;padding:1rem}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffe6 50%,#fffc);background-clip:text;-webkit-background-clip:text;font-size:2rem}h1,h2,h3,h4,h5,h6{color:#fff}p{color:#fffc}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;color:#fff;padding:1.5rem}.project-icon{font-size:1rem;height:48px;width:48px}.project-icon,.user-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.user-avatar{height:40px;width:40px}.developer-avatar{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-size:1.5rem;height:80px;overflow:hidden;width:80px}.developer-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}input,select,textarea{background:#ffffff0d;border:1px solid #ffffff26;color:#fff}input::placeholder,textarea::placeholder{color:#ffffff80}button{color:#fff}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-secondary{background:#ffffff0d;border:1px solid #ffffff26;color:#fff}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffe6 50%,#fffc);background-clip:text;-webkit-background-clip:text}.hero-subtitle{color:#fffc}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);background-clip:text;-webkit-background-clip:text}.code-inline{flex-direction:column;font-size:.75rem;padding:.5rem}.code-inline span{padding:.5rem;text-align:center;word-break:break-all}.dashboard-section{margin-bottom:1.5rem}.dashboard-section code{color:#fff}.dashboard-section h3{font-size:1.125rem;margin-bottom:.75rem}.project-card{padding:1.25rem}.project-header{gap:.75rem}.project-info h3{font-size:1rem}.project-breadcrumb{font-size:.75rem;margin-bottom:1rem}.project-header h1{font-size:1.5rem}.config-form-section input,.config-form-section textarea{font-size:.875rem;padding:.75rem}.status{font-size:.8125rem;padding:.75rem}.integration-instructions{margin:.75rem 0;padding:.75rem}.integration-instructions code{font-size:.6875rem;padding:.5rem}.user-info{align-items:center;flex-direction:column;gap:.75rem;text-align:center}.dashboard-header{gap:1.25rem;text-align:center}.empty-state{padding:2rem 1rem;text-align:center}.empty-state h3{font-size:1.25rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:#3b82f64d;color:#fff}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.landing-page{min-height:100vh;overflow-x:hidden;position:relative}.warning-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:0;padding:1rem 0;position:relative;text-align:center;z-index:1000}.warning-content{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:0 auto;max-width:1200px;padding:0 2rem}.warning-icon{font-size:1.25rem}.warning-banner span:last-child{color:#fbbf24;font-size:.875rem;font-weight:500}.performance-notice{animation:gentle-pulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#9333ea1a,#4f46e51a);border:1px solid #9333ea4d;border-radius:0;padding:1rem 0;position:relative;text-align:center;z-index:1000}.notice-content{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:0 auto;max-width:1200px;padding:0 2rem}.notice-icon{animation:slow-bounce 2s ease-in-out infinite;font-size:1.25rem}.performance-notice span:last-child{color:#a78bfa;font-size:.875rem;font-weight:500;line-height:1.4}@keyframes gentle-pulse{0%,to{background:linear-gradient(135deg,#9333ea1a,#4f46e51a)}50%{background:linear-gradient(135deg,#9333ea26,#4f46e526)}}@keyframes slow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hero-section{overflow:hidden;padding:6rem 0 8rem;position:relative}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:70vh;padding:0 2rem}.hero-text{animation:slideInUp .8s ease-out}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffe6 50%,#fffc);background-clip:text;-webkit-background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:2rem}.hero-title .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background-clip:text;-webkit-background-clip:text}.hero-subtitle{color:#fffc;font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:3rem;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1.5rem}.hero-buttons .btn{align-items:center;border:none;border-radius:16px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1.125rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:1.25rem 2.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-buttons .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid #0000;box-shadow:0 4px 14px 0 #3b82f640,inset 0 1px 0 #fff3;color:#fff;font-weight:600}.hero-buttons .btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.hero-buttons .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px 0 #3b82f659,inset 0 1px 0 #fff3;transform:translateY(-2px)}.hero-buttons .btn-primary:hover:before{left:100%}.hero-buttons .btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;color:#fff;font-weight:500}.hero-buttons .btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.hero-visual{align-items:center;animation:slideInUp .8s ease-out .2s both;display:flex;justify-content:center}.chat-preview{animation:floating 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#292d37f2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 25px 50px -12px #000000b3,inset 0 1px 0 #ffffff0d;max-width:100%;overflow:hidden;width:400px}.chat-header{align-items:center;background:#3c414be6;border-bottom:1px solid #ffffff14;color:#fff;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;padding:1rem 1.5rem}.chat-header span:last-child{cursor:pointer;font-size:1.2rem;font-weight:400;opacity:.7;transition:opacity .2s ease}.chat-header span:last-child:hover{opacity:1}.chat-messages{background:#23272fcc;display:flex;flex-direction:column;gap:1rem;min-height:200px;padding:1.5rem}.message{animation:fadeInScale .5s ease-out;border-radius:12px;font-size:.875rem;font-weight:400;line-height:1.5;max-width:85%;padding:.875rem 1.125rem}.ai-message{align-self:flex-start;background:#374151f2;border:1px solid #ffffff26;border-radius:18px 18px 18px 6px;color:#fffffff2}.user-message{align-self:flex-end;background:#3b82f6e6;border:1px solid #3b82f666;border-radius:18px 18px 6px 18px;color:#fff}.chat-input{align-items:center;background:#2d323ccc;border-top:1px solid #ffffff14;display:flex;gap:.75rem;padding:1rem 1.5rem}.chat-input input{background:#3c414bcc;border:1px solid #ffffff14;border-radius:24px;color:#fff;flex:1 1;font-size:.875rem;padding:.875rem 1.25rem;transition:all .3s ease}.chat-input input:focus{background:#3c414be6;border-color:#3b82f666;outline:none}.chat-input input::placeholder{color:#ffffff80;font-weight:400}.chat-input button{align-items:center;background:linear-gradient(135deg,#4f46e5,#3b82f6);border:none;border-radius:20px;box-shadow:0 2px 8px #4f46e54d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;width:36px}.chat-input button:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #4f46e580;transform:scale(1.05)}.workflow-section{padding:6rem 0;position:relative}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-align:center}.workflow-intro{color:#ffffffb3;font-size:1.125rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.workflow-diagram{margin:0 auto;max-width:1200px;position:relative}.workflow-flow{padding:2rem 0;position:relative}.workflow-card{animation:slideInUp .6s ease-out;margin:3rem auto;max-width:480px;position:relative}.workflow-card .card-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:2rem;position:relative;transition:all .4s ease}.workflow-card:hover .card-content{border-color:#ffffff26;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.card-title{color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.card-subtitle{background:#3b82f61a;border-radius:12px;color:#60a5fa;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;padding:.25rem .75rem;text-transform:uppercase}.card-description{color:#ffffffb3;font-size:.875rem;line-height:1.6}.flow-connection{bottom:-40px;height:80px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:2px}.connection-line{background:linear-gradient(180deg,#3b82f699,#8b5cf699);box-shadow:0 0 8px #3b82f64d;height:100%;position:relative;width:2px}.connection-line:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid #3b82f6cc;bottom:-6px;content:"";height:0;left:-4px;position:absolute;width:0}.connection-dot{animation:pulse 2s infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;bottom:-5px;height:10px;left:-4px;position:absolute;width:10px}.customization-section{background:#ffffff03;padding:6rem 0}.customization-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.customization-example,.customization-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;padding:2.5rem;position:relative;transition:all .4s ease}.customization-example:before,.customization-info:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);border-radius:20px 20px 0 0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.customization-example:hover,.customization-info:hover{border-color:#fff3;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.customization-example h3,.customization-info h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.integration-section{margin-bottom:2rem}.integration-section h4{color:#60a5fa;font-size:1rem;font-weight:600;margin-bottom:1rem}@media (min-width:1200px){.container{margin:0 auto}.container,.hero-content{max-width:1400px}.project-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:1199px) and (min-width:992px){.container{max-width:1140px;padding:0 2rem}.hero-title{font-size:3.25rem}.project-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.customization-grid{gap:3rem}}@media (max-width:991px) and (min-width:768px){.container{max-width:960px;padding:0 1.5rem}.hero-content{gap:2rem;grid-template-columns:1fr;min-height:auto;text-align:center}.hero-title{font-size:3rem}.project-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.customization-grid{gap:2rem;grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.workflow-card{margin-left:auto;margin-right:auto;max-width:400px}.dashboard-header{flex-direction:row;flex-wrap:wrap;gap:1.5rem}}@media (max-width:767px) and (min-width:576px){.container{max-width:720px;padding:0 1.5rem}.hero-section{padding:4rem 0 6rem}.hero-content{gap:2rem;grid-template-columns:1fr;min-height:auto;text-align:center}.hero-title{font-size:2.75rem}.hero-subtitle{font-size:1.125rem}.hero-buttons{align-items:center;flex-direction:column;gap:1rem;justify-content:center}.hero-buttons .btn{max-width:280px;width:100%}.chat-preview{max-width:360px;width:100%}.project-grid{gap:1.5rem;grid-template-columns:1fr}.dashboard-header{align-items:stretch;flex-direction:column;gap:1.5rem;text-align:center}.project-actions{flex-direction:column;gap:.75rem}.customization-example,.customization-info{padding:2rem}.workflow-card .card-content{padding:1.75rem}.tech-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.developer-info{align-items:center;flex-direction:column;gap:1.5rem;text-align:center}}.code-block{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;font-family:JetBrains Mono,Fira Code,monospace;overflow-x:auto;padding:1.5rem}.code-block pre{word-wrap:break-word;margin:0;white-space:pre-wrap}.code-block code{color:#e5e7eb;font-size:.875rem;line-height:1.5}@media (max-width:575px) and (min-width:480px){.container{padding:0 1rem}.hero-section{padding:3rem 0 5rem}.hero-title{font-size:2.5rem;line-height:1.2}.hero-subtitle{font-size:1rem;margin-bottom:2rem}.hero-buttons{flex-direction:column;gap:1rem;width:100%}.hero-buttons .btn{font-size:1rem;padding:1rem 2rem;width:100%}.chat-preview{max-width:320px;width:100%}.customization-section,.developer-section,.workflow-section{padding:3rem 0}.section-title{font-size:1.875rem;margin-bottom:.75rem}.workflow-intro{font-size:1rem;margin-bottom:3rem}.customization-example,.customization-info,.workflow-card .card-content{padding:1.5rem}.card-title{font-size:1.125rem}.auth-card{margin:.75rem;padding:2rem 1.5rem}.upload-area{padding:2rem 1rem}.developer-avatar{font-size:1.25rem;height:70px;overflow:hidden;width:70px}.developer-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-number{font-size:2.5rem}}@media (max-width:479px){.container{padding:0 .75rem}.hero-section{padding:2.5rem 0 4rem}.hero-title{font-size:2rem;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{font-size:.9375rem;line-height:1.5;margin-bottom:2rem}.hero-buttons{flex-direction:column;gap:.75rem;width:100%}.hero-buttons .btn{font-size:.9375rem;padding:.875rem 1.5rem;width:100%}.chat-preview{max-width:300px;width:100%}.chat-header{font-size:.875rem;padding:.75rem 1rem}.chat-messages{min-height:180px;padding:1rem}.message{font-size:.8125rem}.chat-input,.chat-input input,.message{padding:.75rem 1rem}.chat-input input{font-size:.8125rem}.chat-input button{font-size:.8125rem;height:32px;width:32px}.customization-section,.developer-section,.workflow-section{padding:2.5rem 0}.section-title{font-size:1.75rem;margin-bottom:.5rem}.workflow-intro{font-size:.9375rem;margin-bottom:2.5rem}.customization-example,.customization-info{padding:1.25rem}.customization-example h3,.customization-info h3{font-size:1.25rem}.workflow-card .card-content{padding:1.25rem}.card-title{font-size:1rem}.card-description{font-size:.8125rem}.auth-card{margin:.5rem;padding:1.5rem 1rem}.auth-card h1{font-size:1.5rem;margin-bottom:1.5rem}.upload-area{padding:1.5rem .75rem}.developer-avatar{font-size:1rem;height:60px;overflow:hidden;width:60px}.developer-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.developer-details h3{font-size:1.5rem}.developer-details p{font-size:.9375rem}.footer{padding:1.5rem 1rem}.footer-content{gap:1rem}.footer-content,.warning-content{flex-direction:column;text-align:center}.warning-content{gap:.25rem;padding:0 1rem}.warning-banner span:last-child{font-size:.8125rem}}@media (max-width:768px){.responsive-text{font-size:clamp(.875rem,2.5vw,1rem)}.responsive-title{font-size:clamp(1.5rem,5vw,2.5rem)}.responsive-subtitle{font-size:clamp(1rem,3vw,1.25rem)}}@media (hover:none) and (pointer:coarse){.btn,.btn-primary,.btn-secondary,button{min-height:44px;min-width:44px;padding:.75rem 1.5rem}input,select,textarea{min-height:44px;padding:.75rem 1rem}.project-card{padding:1.5rem}.project-card:hover{transform:none}.project-card:active{transform:scale(.98)}}@media (orientation:landscape) and (max-height:500px){.hero-section{padding:2rem 0 3rem}.hero-content{min-height:auto}.customization-section,.developer-section,.workflow-section{padding:3rem 0}.auth-card{max-height:90vh;overflow-y:auto}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.developer-avatar,.developer-avatar img,.project-icon,.user-avatar{border-radius:16px}.btn,.btn-primary,.btn-secondary{border-radius:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating,.loading-dots:after,.loading-dots:before{animation:none}}@media (prefers-color-scheme:dark){:root{color-scheme:dark}}@supports (container-type:inline-size){.responsive-container{container-type:inline-size}@container (max-width: 400px){.card{padding:1rem}.project-grid{grid-template-columns:1fr}}}.grid-background{background:#0000;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}@media (max-width:768px){.grid-background{opacity:.7}}@media (max-width:480px){.grid-background{opacity:.5}}.flex-responsive{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width:768px){.flex-responsive{flex-direction:column}.flex-between{align-items:stretch}.flex-between,.input-row{flex-direction:column;gap:1rem}}.responsive-padding{padding:clamp(1rem,4vw,3rem)}.responsive-margin{margin:clamp(.5rem,2vw,2rem)}.responsive-gap{gap:clamp(.75rem,2vw,2rem)}.code-inline{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;display:flex;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;gap:.75rem;overflow-x:auto;padding:.75rem;word-break:break-all}.dashboard-section{margin-bottom:3rem}.dashboard-section h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.project-breadcrumb{align-items:center;color:#fff9;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;margin-bottom:2rem}.project-header{margin-bottom:2rem}.project-header h1{color:#fff;font-size:2rem;margin-bottom:.5rem}.config-form-section{margin-bottom:2rem}.config-form-section h4{color:#60a5fa;font-size:1rem;font-weight:600;margin-bottom:1rem}.status{border:1px solid;border-radius:8px;margin-bottom:1rem;padding:1rem}.status.success{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.status.error{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.status.info{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}@media (max-width:768px){.code-inline{align-items:stretch;box-sizing:border-box;flex-direction:column;font-size:.75rem;gap:.75rem;max-width:100%;overflow-x:auto;padding:.75rem}.code-inline span{background:#ffffff0d;border-radius:6px;font-size:.75rem;line-height:1.4;overflow-wrap:break-word;padding:.5rem;text-align:left;white-space:pre-wrap;word-break:break-all}.dashboard-section{margin-bottom:2rem}.dashboard-section h3{font-size:1.25rem;margin-bottom:1rem}.project-grid{gap:1rem;grid-template-columns:1fr}.project-card{padding:1.5rem}.project-header{align-items:flex-start;flex-direction:column;gap:1rem}.project-info h3{font-size:1.125rem}.project-actions{flex-direction:column;gap:.5rem;width:100%}.project-actions button{width:100%}.project-breadcrumb{font-size:.8125rem;margin-bottom:1.5rem}.project-header h1{font-size:1.75rem}.config-form-section{margin-bottom:1.5rem}.config-form-section input[type=password],.config-form-section input[type=text],.config-form-section textarea{font-size:.875rem;width:100%}.status{font-size:.875rem;padding:.875rem}.status p{margin:.25rem 0}.integration-instructions{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;box-sizing:border-box;margin:1rem 0;max-width:100%;overflow-x:auto;padding:.75rem}.integration-instructions code{background:#0000004d;border-radius:6px;display:block;font-size:.625rem;line-height:1.3;margin:.5rem 0;max-width:100%;overflow-wrap:break-word;overflow-x:auto;padding:.5rem;white-space:pre-wrap;word-break:break-all}.flex-between{align-items:stretch;flex-direction:column;gap:1rem}.input-row{align-items:end;display:flex;flex-wrap:wrap;gap:1rem}.create-project-form .input-row{align-items:flex-end;display:flex;flex-wrap:nowrap;gap:1rem}.create-project-form .field{flex:1 1;min-width:200px}.create-project-form .btn{flex-shrink:0;height:fit-content;margin-bottom:0}.field{display:flex;flex-direction:column;min-width:0}.field label{color:#fffc;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.field input,.field select,.field textarea{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;color:#fff;font-size:.875rem;padding:.875rem 1rem;transition:all .3s ease}.field input:focus,.field select:focus,.field textarea:focus{background:#ffffff14;border-color:#3b82f666;box-shadow:0 0 0 3px #3b82f61a;outline:none}.btn-small{border-radius:6px;font-size:.8125rem;padding:.5rem 1rem}.btn-group{display:flex;flex-wrap:wrap;gap:.75rem}.loading{animation:spin 1s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:20px;width:20px}.small-text{font-size:.875rem;line-height:1.4}.muted-text{color:#fff9}@media (max-width:768px){.input-row{flex-direction:column;gap:1rem}.create-project-form .input-row{align-items:stretch;flex-direction:column;gap:1rem}.create-project-form .field{min-width:auto;width:100%}.create-project-form .btn{flex-shrink:1;width:100%}.field{width:100%}.field input,.field select,.field textarea{font-size:16px;width:100%}.btn-group{flex-direction:column;width:100%}.btn-group button{width:100%}.small-text{font-size:.8125rem}}@media (max-width:480px){.field label{font-size:.8125rem}.field input,.field select,.field textarea{font-size:16px;padding:.75rem}.create-project-form .input-row{gap:.75rem}.create-project-form .btn{font-size:.9375rem;padding:.875rem 1.5rem}.btn-small{padding:.625rem .875rem}.btn-small,.small-text{font-size:.75rem}}.responsive-text{font-size:clamp(.875rem,2.5vw,1rem)}.responsive-title{font-size:clamp(1.5rem,5vw,2.5rem)}.responsive-subtitle{font-size:clamp(1rem,3vw,1.25rem)}.responsive-padding{padding:clamp(1rem,4vw,3rem)}.responsive-margin{margin:clamp(.5rem,2vw,2rem)}.responsive-gap{gap:clamp(.75rem,2vw,2rem)}img{height:auto;max-width:100%}.responsive-image{height:auto;object-fit:cover;width:100%}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:768px){.table-responsive table{min-width:600px}body{background:linear-gradient(135deg,#0a0a1a,#141428 50%,#0f1729);color:#fff}.hero-section{background:#0000;padding:4rem 0 6rem}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffe6 50%,#fffc);background-clip:text;-webkit-background-clip:text;font-size:2.5rem}.hero-subtitle{color:#fffc;font-size:1.125rem}.hero-buttons{justify-content:center}.performance-notice span:last-child{font-size:.8rem;text-align:center}.notice-content{flex-direction:column;gap:.5rem;padding:0 1rem}.chat-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#292d37f2;border:1px solid #ffffff1a;max-width:360px;width:100%}.customization-section,.developer-section,.workflow-section{background:#0000;padding:4rem 0}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);background-clip:text;-webkit-background-clip:text;font-size:2rem}.warning-content{color:#fbbf24;flex-direction:column;gap:.5rem;text-align:center}.warning-banner{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#fbbf24}}@media (max-width:480px){body{background:linear-gradient(135deg,#0a0a1a,#141428 50%,#0f1729);color:#fff}.developer-links a{flex:1 1}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffffffe6 50%,#fffc);background-clip:text;-webkit-background-clip:text;font-size:2rem}.hero-content{background:#0000;gap:1.5rem;grid-template-columns:1fr;min-height:auto;padding:0 1rem;text-align:center}}.hero-subtitle{color:#fffc}.chat-preview{background:#292d37f2;border:1px solid #ffffff1a;width:100%}.chat-preview,.customization-example,.customization-info{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.customization-example,.customization-info{background:#ffffff0f;border:1px solid #ffffff1f;color:#fff;padding:2rem}.workflow-card .card-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14;color:#fff;padding:1.5rem}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);background-clip:text;-webkit-background-clip:text}}@media (max-width:320px){.hero-content{gap:1rem;padding:0 .75rem}.code-inline{font-size:.625rem;padding:.5rem}.code-inline span{font-size:.625rem;padding:.375rem}.integration-instructions{padding:.5rem}.integration-instructions code{font-size:.5625rem;padding:.375rem}.create-project-form .btn{font-size:.875rem;padding:.75rem 1rem}}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background-clip:text;-webkit-background-clip:text}.glow-effect{box-shadow:0 0 30px #3b82f64d}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.text-gradient-primary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#2563eb);background-clip:text;-webkit-background-clip:text}.text-gradient-secondary{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#7c3aed);background-clip:text;-webkit-background-clip:text}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-slide-up{animation:slideInUp .6s ease-out}.animate-slide-down{animation:slideInDown .6s ease-out}.animate-fade-scale{animation:fadeInScale .5s ease-out}.stagger-children>*{animation:slideInUp .6s ease-out}.stagger-children>:first-child{animation-delay:.1s}.stagger-children>:nth-child(2){animation-delay:.2s}.stagger-children>:nth-child(3){animation-delay:.3s}.stagger-children>:nth-child(4){animation-delay:.4s}.stagger-children>:nth-child(5){animation-delay:.5s}.stagger-children>:nth-child(6){animation-delay:.6s}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.progress-bar:after{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;width:var(--progress,0)}.toggle-switch{display:inline-block;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#fff3;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.tooltip{cursor:pointer;position:relative}.tooltip:after{background:#000000e6;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.75rem;left:50%;margin-bottom:.5rem;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .3s;white-space:nowrap;z-index:1000}.tooltip:hover:after{opacity:1}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.badge-primary{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.badge-success{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.badge-warning{background:#f59e0b33;border:1px solid #f59e0b4d;color:#fbbf24}.badge-error{background:#ef444433;border:1px solid #ef44444d;color:#f87171}
/*# sourceMappingURL=main.c38cd7f6.css.map*/