@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-bg:#f8fafc;--color-surface:#fff;--color-text:#0f172a;--color-text-light:#64748b;--color-border:#e2e8f0;--color-success:#16a34a;--color-danger:#dc2626;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--shadow-sm:0 3px 10px #0f172a0a;--shadow-md:0 8px 24px #0f172a0f;--transition:.25s ease}*{box-sizing:border-box;margin:0;padding:0}:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);min-height:100vh;font-family:Inter,sans-serif}button,input,textarea{font-family:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.section{padding:70px 0}.card{border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff}.shadow-hover{transition:var(--transition)}.shadow-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.text-muted{color:var(--color-text-light)}.text-center{text-align:center}.btn{border-radius:var(--radius-md);transition:var(--transition);justify-content:center;align-items:center;padding:12px 22px;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-outline{border:1px solid var(--color-border);background:#fff}.btn-outline:hover{background:#f1f5f9}.input{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;transition:var(--transition);background:#fff;outline:none;padding:12px 15px}.input:focus{border-color:var(--color-primary)}h1{font-size:3rem}h2{font-size:2.2rem}h3{font-size:1.4rem}p{line-height:1.7}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-track{background:0 0}.navbar{border-bottom:1px solid var(--color-border);z-index:1000;background:#fff;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;height:64px;display:flex}.navbar-logo{color:var(--color-text);letter-spacing:-.3px;font-size:1.35rem;font-weight:700;text-decoration:none}.navbar-links{align-items:center;gap:28px;display:flex}.navbar-links a,.navbar-logout{color:var(--color-text-light);cursor:pointer;background:0 0;border:none;font-size:.95rem;text-decoration:none;transition:color .15s}.navbar-links a:hover,.navbar-logout:hover{color:var(--color-text)}.navbar-links .active{color:var(--color-text);font-weight:600}@media (width<=768px){.navbar-links{gap:16px;font-size:.9rem}}.hero{padding:90px 0}.hero-container{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;display:grid}.hero-badge{color:var(--color-primary);background:#e0edff;border-radius:999px;margin-bottom:20px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-block}.hero-title{margin-bottom:22px;font-size:4rem;line-height:1.1}.hero-description{color:var(--color-text-light);max-width:550px;margin-bottom:35px;font-size:1.05rem}.hero-buttons{gap:16px;display:flex}.hero-card{padding:28px}.hero-card h3{margin-bottom:30px}.hero-card-item{border-bottom:1px solid var(--color-border);justify-content:space-between;padding:16px 0;display:flex}.hero-card-item:last-child{border-bottom:none}.hero-card-item span{color:var(--color-text-light)}@media (width<=900px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-description{margin-inline:auto}.hero-buttons{justify-content:center}}.features-header{text-align:center;margin:auto;max-width:650px;margin-bottom:60px}.features-header p{color:var(--color-text-light);margin-top:18px}.features-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.feature-card{padding:32px;transition:all .18s}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{width:52px;height:52px;color:var(--color-primary);background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;margin-bottom:22px;display:flex}.feature-card h3{margin-bottom:14px;font-size:1.2rem}.feature-card p{color:var(--color-text-light);line-height:1.7}@media (width<=900px){.features-grid{grid-template-columns:1fr}}.workflow{background:#fff}.workflow-header{text-align:center;max-width:650px;margin:auto auto 70px}.workflow-header p{color:var(--color-text-light);margin-top:18px}.workflow-list{position:relative}.workflow-item{gap:25px;padding-bottom:45px;display:flex;position:relative}.workflow-icon{width:56px;height:56px;color:var(--color-primary);background:#eff6ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.workflow-content h3{margin:10px 0}.workflow-content p{color:var(--color-text-light);max-width:650px}.workflow-command{color:var(--color-primary);background:#eff6ff;border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:600;display:inline-block}.workflow-line{background:var(--color-border);width:2px;height:40px;position:absolute;top:60px;left:27px}@media (width<=768px){.workflow-item{align-items:flex-start}}.dashboard-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px;display:flex}.dashboard-header h1{margin-bottom:6px}.dashboard-header p{color:var(--color-text-light)}.empty-state{text-align:center;border:1px dashed var(--color-border);border-radius:10px;padding:70px 20px}.empty-state h3{margin-bottom:10px}.empty-state p{color:var(--color-text-light)}@media (width<=768px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header .btn{width:100%}}.repository-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;text-decoration:none;transition:border-color .2s,transform .15s;display:block}.repository-card:hover{border-color:#2563eb;transform:translateY(-2px)}.repository-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.repository-header h3{margin:0;font-size:1.05rem;font-weight:600}.repository-description{color:#6b7280;min-height:48px;margin-bottom:22px;line-height:1.7}.repository-footer{color:#9ca3af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:14px;font-size:.85rem;display:flex}.visibility{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.75rem}.visibility.public{color:#15803d;background:#dcfce7}.visibility.private{color:#b91c1c;background:#fee2e2}@media (width<=768px){.repository-header,.repository-footer{flex-direction:column;align-items:flex-start;gap:10px}}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.form-label{color:var(--color-text);margin-bottom:8px;font-size:.95rem;font-weight:500}.required-star{color:#dc2626;margin-left:4px}.form-input{border:1px solid var(--color-border);border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:1rem;transition:border-color .18s,box-shadow .18s}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:#9ca3af}.modal-overlay{z-index:1000;background:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:100%;max-width:500px;animation:.18s modalFade;box-shadow:0 20px 60px #0000001f}.modal-header{border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{padding:24px}.modal-close{cursor:pointer;color:#777;background:0 0;border:none;font-size:22px}.modal-close:hover{color:#111}@keyframes modalFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-layout{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-container{width:100%;max-width:430px}.auth-logo{color:var(--color-primary);text-align:center;margin-bottom:18px;font-size:2rem;font-weight:700}.auth-title{text-align:center;margin-bottom:10px}.auth-subtitle{text-align:center;color:var(--color-text-light);margin-bottom:30px}.auth-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:30px}.repository-page{max-width:950px}.repository-info{border-bottom:1px solid #ececec;margin-top:28px;margin-bottom:42px;padding-bottom:24px}.repository-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.repository-title{margin-bottom:10px}.repository-description{color:#6b7280;max-width:700px;line-height:1.7}.repository-actions{gap:14px;margin-top:22px;display:flex}.repository-section{margin-bottom:48px}.section-title{margin-bottom:22px}.issues-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}@media (width<=768px){.repository-top,.issues-header,.repository-actions{flex-direction:column;align-items:flex-start}.repository-actions .btn,.issues-header .btn{width:100%}}.profile-page{max-width:760px}.profile-header{margin-bottom:34px}.profile-subtitle{color:#6b7280;margin-top:8px}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px}.profile-row{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.profile-row:not(.last){border-bottom:1px solid #f3f4f6}.profile-label{color:#6b7280}.profile-value{color:#111827;font-weight:500}@media (width<=600px){.profile-row{flex-direction:column;align-items:flex-start;gap:6px}}.settings-page{max-width:700px}.settings-header{margin-bottom:32px}.settings-header h1{margin-bottom:6px}.settings-header p{color:var(--color-text-light)}.settings-card{border:1px solid var(--color-border);background:#fff;border-radius:10px;margin-bottom:20px;padding:24px}.settings-card h3{margin-bottom:18px}.setting-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.setting-row:last-of-type{margin-bottom:20px}@media (width<=768px){.setting-row{flex-direction:column;align-items:flex-start;gap:6px}.settings-card .btn{width:100%}}