*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--primary: #06b6d4;--primary-dark: #0891b2;--secondary: #203f5b;--accent: #f43f5e;--dark: #23262e;--gray-dark: #1e293b;--gray: #64748b;--gray-light: #e2e8f0;--gray-lighter: #f8fafc;--success: #10b981;--success-dark: #059669;--github: #24292e;--github-dark: #1a1e22;--white: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1), 0 5px 10px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .1), 0 10px 15px rgba(0, 0, 0, .05);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition: all .3s cubic-bezier(.25, .8, .25, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Monaco", "Menlo", monospace}body{font-family:var(--font-sans);line-height:1.6;color:var(--gray-dark);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid var(--primary);border-radius:50%;animation:dashboardSpin 1s linear infinite;margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0;z-index:1000}.header .container{display:flex;justify-content:space-between;align-items:center;padding:1rem 24px;height:70px}.logo{font-size:1.5rem;font-weight:700;color:var(--primary);letter-spacing:-.5px}a{text-decoration:none;color:inherit}.nav{display:flex;gap:2.5rem}.nav a{text-decoration:none;color:var(--gray-dark);font-weight:500;font-size:.95rem;transition:var(--transition);position:relative}.nav a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--primary);transition:var(--transition)}.nav a:hover{color:var(--primary)}.nav a:hover:after{width:100%}.hero{padding:160px 0 120px;background:linear-gradient(135deg,#0891b2,#06b6d4 46%,#0ea5e9);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");z-index:0}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-1px}.hero-description{font-size:1.25rem;margin-bottom:2.5rem;opacity:.9;font-weight:400;max-width:90%}.cta-button{display:inline-block;background:var(--white);color:var(--primary);padding:1rem 2.5rem;text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:1.1rem;transition:var(--transition);box-shadow:var(--shadow-md);position:relative;overflow:hidden;z-index:1}.cta-button:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#0000000d;transition:var(--transition);z-index:-1}.cta-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.cta-button:hover:before{width:100%}.code-preview{background:var(--dark);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:var(--transition)}.code-preview:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.code-header{background:#2d2d2d;padding:.75rem 1.25rem;display:flex;align-items:center;gap:1rem;color:#ccc;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.1)}.code-dots{display:flex;gap:.5rem}.code-dots span{width:12px;height:12px;border-radius:50%}.code-dots span:nth-child(1){background:#ff5f56}.code-dots span:nth-child(2){background:#ffbd2e}.code-dots span:nth-child(3){background:#27ca3f}.code-content{padding:1.75rem;font-family:var(--font-mono);font-size:.9rem;line-height:1.7}.code-line{color:#e6e6e6;margin-bottom:.5rem;position:relative;padding-left:1rem}.code-line:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:3px;border-radius:50%;background:#ffffff4d}.code-line:nth-child(1){color:#569cd6;font-weight:500}.code-line:nth-child(2){color:#569cd6}.code-line:nth-child(5){color:#ce9178}.features{padding:120px 0;background:var(--white)}.section-title{text-align:center;font-size:2.5rem;margin-bottom:1.5rem;color:var(--gray-dark);font-weight:700;letter-spacing:-.5px}.section-subtitle{text-align:center;font-size:1.1rem;color:var(--gray);max-width:600px;margin:0 auto 4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.feature-card{background:var(--white);padding:2.5rem 2rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid var(--gray-light)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:3rem;margin-bottom:1.5rem;display:inline-block;color:var(--primary)}.feature-card h3{font-size:1.4rem;margin-bottom:1rem;color:var(--gray-dark);font-weight:600}.feature-card p{color:var(--gray);font-size:1rem}.how-it-works{padding:120px 0;background:var(--gray-lighter);position:relative;overflow:hidden}.how-it-works:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--gray-light),transparent)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:2rem}.step{text-align:center;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:30px;right:-20%;width:40%;height:2px;background:linear-gradient(to right,var(--primary),transparent);display:none}@media(min-width:992px){.step:not(:last-child):after{display:block}}.step-number{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin:0 auto 1.5rem;box-shadow:var(--shadow-md);position:relative;z-index:1}.step h3{font-size:1.4rem;margin-bottom:1rem;color:var(--gray-dark);font-weight:600}.step p{color:var(--gray);max-width:80%;margin:0 auto}.generator{padding:120px 0;background:var(--white);position:relative}.generator:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--gray-light),transparent)}.connect-section{display:flex;justify-content:center}.connect-card{background:var(--white);padding:3.5rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg);max-width:550px;width:100%;border:1px solid var(--gray-light)}.connect-card h3{font-size:1.75rem;margin-bottom:1.25rem;color:var(--gray-dark);font-weight:600}.connect-card p{color:var(--gray);margin-bottom:2.5rem;font-size:1.1rem}.github-button{background:var(--github);color:#fff;border:none;padding:1rem 2.5rem;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);display:inline-flex;align-items:center;gap:.75rem}.github-button svg{font-size:1.5rem}.github-button:hover:not(:disabled){background:var(--github-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.github-button:disabled{opacity:.6;cursor:not-allowed}.footer{background:var(--dark);color:#fff;padding:3rem 0;text-align:center}.footer p{opacity:.8;font-size:.95rem}@media(max-width:992px){.hero{padding:140px 0 100px}.hero-title{font-size:3rem}.features-grid{gap:2rem}}@media(max-width:768px){.hero .container{grid-template-columns:1fr;text-align:center;gap:3rem}.hero-title{font-size:2.5rem}.hero-description{max-width:100%;margin-left:auto;margin-right:auto}.nav{display:none}.code-preview{transform:none}.connect-card{padding:2.5rem 1.5rem}}@media(max-width:480px){.hero-title,.section-title{font-size:2rem}.feature-card{padding:2rem 1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content,.hero-image,.feature-card,.step,.connect-card{animation:fadeIn .8s ease-out forwards}.hero-image{animation-delay:.2s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.step:nth-child(2){animation-delay:.2s}.step:nth-child(3){animation-delay:.4s}.modern-dashboard{height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:var(--font-sans);display:flex;flex-direction:column;overflow:hidden}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.modern-dashboard .loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid var(--primary);border-radius:50%;animation:dashboardSpin 1s linear infinite;margin-bottom:1rem}.modern-dashboard .loading-spinner.small{width:20px;height:20px;border-width:2px;margin:0}.loading-screen p{color:var(--gray);font-size:1.1rem;font-weight:500}.modern-dashboard .dashboard-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.8);padding:1rem 2rem;flex-shrink:0}.modern-dashboard .header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.modern-dashboard .header-left{display:flex;align-items:center;gap:2rem}.modern-dashboard .logo{font-size:1.5rem;font-weight:700;color:var(--primary);margin:0}.modern-dashboard .user-info{display:flex;align-items:center;gap:.75rem}.modern-dashboard .user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}.modern-dashboard .user-details{display:flex;flex-direction:column}.modern-dashboard .user-name{font-weight:600;color:var(--gray-dark);font-size:.95rem}.modern-dashboard .user-handle{font-size:.8rem;color:var(--gray)}.modern-dashboard .logout-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--gray-light);border-radius:8px;color:var(--gray);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.modern-dashboard .logout-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}.modern-dashboard .dashboard-main{flex:1;max-width:1400px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:400px 1fr;gap:2rem;overflow:hidden;width:100%}.modern-dashboard .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modern-dashboard .panel-header h2{font-size:1.25rem;font-weight:600;color:var(--gray-dark);margin:0}.modern-dashboard .repo-count{font-size:.85rem;color:var(--gray);background:var(--gray-lighter);padding:.25rem .75rem;border-radius:12px;font-weight:500}.modern-dashboard .repos-panel{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;overflow:hidden}.modern-dashboard .repos-container{flex:1;overflow:hidden}.modern-dashboard .repos-list{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem}.modern-dashboard .repos-list::-webkit-scrollbar{width:6px}.modern-dashboard .repos-list::-webkit-scrollbar-track{background:transparent}.modern-dashboard .repos-list::-webkit-scrollbar-thumb{background:var(--gray-light);border-radius:3px}.modern-dashboard .repos-list::-webkit-scrollbar-thumb:hover{background:var(--gray)}.modern-dashboard .repo-card{padding:1rem;border:1px solid var(--gray-light);border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fff}.modern-dashboard .repo-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #06b6d426}.modern-dashboard .repo-card.selected{border-color:var(--primary);background:linear-gradient(135deg,#06b6d40d,#f973160d);box-shadow:0 4px 12px #06b6d433}.modern-dashboard .repo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.modern-dashboard .repo-name{font-size:1rem;font-weight:600;color:var(--gray-dark);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modern-dashboard .repo-badges{display:flex;gap:.5rem;flex-shrink:0;margin-left:.5rem}.modern-dashboard .badge{font-size:.7rem;font-weight:500;padding:.2rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.modern-dashboard .badge.private{background:#f43f5e1a;color:var(--accent)}.modern-dashboard .badge.language{background:#06b6d41a;color:var(--primary)}.modern-dashboard .repo-description{font-size:.85rem;color:var(--gray);margin:0 0 .75rem;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.modern-dashboard .repo-stats{display:flex;gap:1rem}.modern-dashboard .stat{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--gray)}.modern-dashboard .stat svg{opacity:.7}.modern-dashboard .readme-panel{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;overflow:hidden}.modern-dashboard .action-buttons{display:flex;gap:.75rem}.modern-dashboard .generate-btn,.modern-dashboard .copy-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans)}.modern-dashboard .generate-btn{background:linear-gradient(135deg,var(--success),var(--success-dark));color:#fff;box-shadow:0 2px 4px #10b9814d}.modern-dashboard .generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.modern-dashboard .generate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.modern-dashboard .copy-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 2px 4px #f973164d}.modern-dashboard .copy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f9731666}.modern-dashboard .copy-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.modern-dashboard .copy-btn.success{background:linear-gradient(135deg,var(--success),var(--success-dark));box-shadow:0 2px 4px #10b9814d}.modern-dashboard .readme-editor{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-top:1rem}.modern-dashboard .readme-textarea{flex:1;padding:1.5rem;border:2px solid var(--gray-light);border-radius:12px;resize:none;font-family:var(--font-mono);font-size:.9rem;line-height:1.6;color:var(--gray-dark);background:var(--gray-lighter);transition:all .2s ease;overflow-y:auto}.modern-dashboard .readme-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #06b6d41a;background:#fff}.modern-dashboard .readme-textarea::placeholder{color:var(--gray);font-style:italic}.modern-dashboard .readme-textarea::-webkit-scrollbar{width:8px}.modern-dashboard .readme-textarea::-webkit-scrollbar-track{background:var(--gray-light);border-radius:4px}.modern-dashboard .readme-textarea::-webkit-scrollbar-thumb{background:var(--gray);border-radius:4px}.modern-dashboard .readme-textarea::-webkit-scrollbar-thumb:hover{background:var(--gray-dark)}.modern-dashboard .placeholder-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--gray);padding:2rem}.modern-dashboard .placeholder-state svg{margin-bottom:1rem;opacity:.5}.modern-dashboard .placeholder-state h3{font-size:1.25rem;font-weight:600;color:var(--gray-dark);margin:0 0 .5rem}.modern-dashboard .placeholder-state p{font-size:.95rem;margin:0}.modern-dashboard .loading-state,.modern-dashboard .error-state,.modern-dashboard .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--gray)}.modern-dashboard .loading-state{gap:1rem}.modern-dashboard .error-state{background:#f43f5e0d;border:1px solid rgba(244,63,94,.2);border-radius:12px;color:var(--accent)}.modern-dashboard .empty-state svg{margin-bottom:1rem;opacity:.5}.modern-dashboard .empty-state p{font-weight:500}@keyframes dashboardSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.modern-dashboard .dashboard-main{grid-template-columns:350px 1fr;gap:1.5rem}}@media(max-width:768px){.modern-dashboard .dashboard-main{grid-template-columns:1fr;grid-template-rows:400px 1fr;padding:1rem}.modern-dashboard .header-content{padding:0 1rem}.modern-dashboard .user-details{display:none}.modern-dashboard .action-buttons{flex-direction:column}.modern-dashboard .generate-btn,.modern-dashboard .copy-btn{width:100%;justify-content:center}}@media(max-width:480px){.modern-dashboard .dashboard-main{padding:.5rem;gap:1rem}.modern-dashboard .repos-panel,.modern-dashboard .readme-panel{padding:1rem}.modern-dashboard .header-left{gap:1rem}.modern-dashboard .user-info{display:none}}