.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:130px 24px 48px;position:relative;max-width:1200px;margin:0 auto}.welcome-hero{text-align:center;margin-bottom:64px;animation:heroAppear .8s ease-out}@keyframes heroAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-title{font-size:56px;font-weight:800;color:var(--text-primary);margin:0 0 16px;letter-spacing:-1.5px}.welcome-tagline{font-size:20px;color:var(--text-secondary);margin:0;line-height:1.6;font-weight:500}.welcome-description{max-width:720px;margin-bottom:64px;animation:descriptionAppear .6s ease-out .2s both}@keyframes descriptionAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-text{font-size:18px;line-height:1.8;color:var(--text-secondary);text-align:center;margin:0}.welcome-features{width:100%;margin-bottom:64px;animation:featuresAppear .6s ease-out .4s both}@keyframes featuresAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.features-title{font-size:32px;font-weight:700;color:var(--text-primary);text-align:center;margin:0 0 40px;letter-spacing:-.5px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:24px;gap:24px}.feature-card{padding:32px 24px;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--border-card);box-shadow:var(--shadow-lg);transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-8px);background:var(--bg-card-hover);box-shadow:var(--shadow-xl)}.feature-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--text-inverse);transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-5deg)}.feature-icon-tasks{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.feature-icon-github{background:var(--gradient-secondary);box-shadow:0 8px 20px rgba(31,41,55,.3)}.feature-icon-branch{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 20px rgba(139,92,246,.3)}.feature-icon-sync{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 20px rgba(245,158,11,.3)}.dark .feature-icon-branch,.dark .feature-icon-github,.dark .feature-icon-sync,.dark .feature-icon-tasks{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.feature-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.feature-description{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0}.welcome-how-it-works{width:100%;margin-bottom:96px;animation:sectionAppear .6s ease-out .6s both}@keyframes sectionAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:40px;font-weight:700;color:var(--text-primary);text-align:center;margin:0 0 56px;letter-spacing:-.8px}.steps-container{display:grid;grid-gap:32px;gap:32px}.step-card{display:grid;grid-template-columns:auto 1fr auto;grid-gap:24px;gap:24px;align-items:center;padding:32px;background:var(--bg-tertiary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--border-card);box-shadow:var(--shadow-md);transition:all .3s ease}.step-card:hover{transform:translateX(8px);background:var(--bg-card-hover);box-shadow:var(--shadow-xl)}.step-number{width:56px;height:56px;border-radius:50%;background:var(--gradient-primary);color:var(--text-inverse);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary);flex-shrink:0}.step-content{flex:1 1;min-width:0}.step-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.step-description{font-size:16px;line-height:1.7;color:var(--text-secondary);margin:0}.step-illustration{width:120px;height:120px;flex-shrink:0}.step-illustration svg{width:100%;height:100%}.dark .step-illustration svg path[fill="#14b8a6"],.dark .step-illustration svg rect[fill="#14b8a6"],feature-icon feature-icon-github
.dark .step-illustration svg circle[fill="#14b8a6"]{fill:#a855f7}.dark .step-illustration svg circle[fill="#10b981"],.dark .step-illustration svg path[fill="#10b981"],.dark .step-illustration svg rect[fill="#10b981"]{fill:#c026d3}.dark .step-illustration svg circle[fill="#34d399"],.dark .step-illustration svg path[fill="#34d399"],.dark .step-illustration svg rect[fill="#34d399"]{fill:#d946ef}.dark .step-illustration svg circle[stroke="#14b8a6"],.dark .step-illustration svg path[stroke="#14b8a6"]{stroke:#a855f7}.dark .step-illustration svg rect[fill="#dcfce7"]{fill:rgba(168,85,247,.2)}.dark .step-illustration svg rect[fill="#99f6e4"]{fill:rgba(192,132,252,.2)}.dark .step-illustration svg rect[fill="#a7f3d0"]{fill:rgba(147,51,234,.2)}.welcome-for-whom{width:100%;margin-bottom:96px;animation:sectionAppear .6s ease-out .8s both}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:28px;gap:28px}.role-card{padding:40px 32px;background:var(--bg-tertiary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--border-card);box-shadow:var(--shadow-md);transition:all .3s ease}.role-card:hover{transform:translateY(-8px);background:var(--bg-card-hover);box-shadow:var(--shadow-xl)}.role-icon-container{width:80px;height:80px;margin:0 auto 24px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--text-inverse);transition:all .3s ease;position:relative;overflow:hidden}.role-card:hover .role-icon-container{transform:scale(1.1) rotate(5deg)}.role-icon-dev{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.role-icon-lead{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 8px 20px rgba(79,70,229,.3)}.dark .role-icon-lead{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.role-icon-pm{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 20px rgba(245,158,11,.3)}.dark .role-icon-pm{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.role-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 20px;text-align:center}.role-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.role-benefits li{font-size:15px;line-height:1.6;color:var(--text-secondary);padding-left:28px;position:relative}.role-benefits li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700;font-size:18px}.welcome-stats{width:100%;margin-bottom:96px;padding:64px 0;animation:sectionAppear .6s ease-out 1s both}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:32px;gap:32px}.stat-card{text-align:center;padding:32px 24px;background:var(--bg-secondary);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:16px;border:1px solid var(--border-primary);transition:all .3s ease}.stat-card:hover{background:var(--bg-card);transform:scale(1.05)}.stat-number{font-size:48px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.stat-description{font-size:14px;color:var(--text-secondary);margin:0}.welcome-cta{width:100%;text-align:center;padding:80px 32px;position:relative;animation:ctaAppear .6s ease-out 1.2s both}@keyframes ctaAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-decoration{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:400px;height:200px;opacity:.5;pointer-events:none;z-index:-1}.cta-decoration svg{width:100%;height:100%}.dark .cta-decoration svg circle[fill="#99f6e4"]{fill:rgba(168,85,247,.3)}.dark .cta-decoration svg circle[fill="#a7f3d0"]{fill:rgba(192,132,252,.3)}.dark .cta-decoration svg circle[fill="#dcfce7"]{fill:rgba(147,51,234,.3)}.cta-title{font-size:42px;font-weight:800;color:var(--text-primary);margin:0 0 20px;letter-spacing:-.8px}.cta-text{font-size:18px;line-height:1.7;color:var(--text-secondary);max-width:600px;margin:0 auto 40px}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:18px 40px;font-size:17px;font-weight:600;border-radius:14px;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.cta-button-primary{color:var(--text-inverse);background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.cta-button-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(20,184,166,.4),0 4px 12px rgba(20,184,166,.3)}.dark .cta-button-primary:hover{box-shadow:0 12px 32px rgba(168,85,247,.4),0 4px 12px rgba(168,85,247,.3)}.cta-button-secondary{color:var(--text-primary);background:var(--bg-card);border:2px solid var(--border-secondary);box-shadow:var(--shadow-md)}.cta-button-secondary:hover{transform:translateY(-3px);background:var(--bg-card-hover);border-color:var(--primary);box-shadow:var(--shadow-lg)}.cta-button:active{transform:translateY(0)}.welcome-footer{width:100%;padding:64px 0 32px;border-top:1px solid var(--border-primary);margin-top:64px}.footer-content{display:grid;grid-template-columns:2fr repeat(3,1fr);grid-gap:48px;gap:48px;margin-bottom:48px}.footer-section{display:flex;flex-direction:column;gap:16px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:8px}.footer-logo-circle{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary)}.footer-logo-text{font-size:16px;font-weight:700;color:var(--text-inverse);letter-spacing:1px}.footer-brand{font-size:20px;font-weight:700;color:var(--text-primary)}.footer-description{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.footer-heading{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:14px;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--border-primary)}.footer-copyright{font-size:14px;color:var(--text-tertiary);margin:0}.footer-social{display:flex;gap:16px}.social-link{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:20px;text-decoration:none;transition:all .2s ease;border:1px solid var(--border-primary)}.social-link:hover{background:var(--primary);color:var(--text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.welcome-decoration{position:absolute;border-radius:50%;pointer-events:none;z-index:-1;transition:background .3s ease}.welcome-decoration-1{width:300px;height:300px;top:5%;right:5%;background:radial-gradient(circle,var(--decor-1) 0,transparent 70%);animation:decorFloat1 8s ease-in-out infinite}.welcome-decoration-2{width:250px;height:250px;bottom:10%;left:5%;background:radial-gradient(circle,var(--decor-2) 0,transparent 70%);animation:decorFloat2 10s ease-in-out infinite}.welcome-decoration-3{width:200px;height:200px;top:50%;left:10%;background:radial-gradient(circle,var(--decor-3) 0,transparent 70%);animation:decorFloat3 12s ease-in-out infinite}@keyframes decorFloat1{0%,to{transform:translate(0)}33%{transform:translate(20px,-20px)}66%{transform:translate(-10px,10px)}}@keyframes decorFloat2{0%,to{transform:translate(0)}33%{transform:translate(-15px,15px)}66%{transform:translate(10px,-10px)}}@keyframes decorFloat3{0%,to{transform:translate(0)}50%{transform:translate(15px,-15px)}}@media (max-width:968px){.step-card{grid-template-columns:auto 1fr;gap:20px}.step-illustration{grid-column:1/-1;margin:0 auto}.footer-content{grid-template-columns:repeat(2,1fr)}.footer-section:first-child{grid-column:1/-1}}@media (max-width:768px){.welcome-container{padding:32px 16px}.welcome-title{font-size:40px}.welcome-tagline{font-size:18px}.welcome-logo-circle{width:80px;height:80px}.welcome-logo-text{font-size:26px}.section-title{font-size:32px;margin-bottom:40px}.features-title{font-size:28px}.features-grid,.step-card{grid-template-columns:1fr}.step-card{padding:24px}.step-number{margin:0 auto}.step-title{font-size:20px}.step-description,.step-title{text-align:center}.step-illustration{width:100px;height:100px}.roles-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stat-number{font-size:40px}.stat-label{font-size:16px}.cta-title{font-size:32px}.cta-text{font-size:16px}.cta-buttons{flex-direction:column;width:100%;max-width:320px;margin:0 auto}.cta-button{width:100%}.footer-content{grid-template-columns:1fr;gap:32px}.footer-section:first-child{grid-column:1}.footer-bottom{flex-direction:column;gap:20px;text-align:center}.welcome-decoration-1,.welcome-decoration-2,.welcome-decoration-3{opacity:.4}}@media (max-width:480px){.welcome-title{font-size:32px}.welcome-tagline{font-size:16px}.section-title{font-size:28px}.step-card{padding:20px}.step-illustration{width:80px;height:80px}.stats-grid{grid-template-columns:1fr}.stat-number{font-size:36px}.cta-title{font-size:28px}.welcome-cta{padding:60px 20px}}