@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;height:100%;font-size:16px;line-height:1.15}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;min-height:100vh;text-rendering:optimizeLegibility;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483 100%) fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden}.app-container{min-height:100vh;display:flex;position:relative}.sidebar{-webkit-backdrop-filter:blur(20px);z-index:100;background:#0003;border-right:1px solid #ffffff1a;width:280px;height:100vh;padding:2rem 0;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding:0 2rem 2rem}.sidebar-title{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;animation:3s infinite gradientShift}.sidebar-subtitle{color:#ffffffb3;font-size:.875rem;font-weight:400}.sidebar-nav{padding:0 1rem}.nav-item{cursor:pointer;border-radius:12px;align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:4px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.nav-item:hover{background:#ffffff0d}.nav-item.active{background:#667eea1a;border:1px solid #667eea33}.nav-item.active:before{transform:scaleY(1)}.nav-item.completed{opacity:.8}.nav-icon{color:#fff9;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.nav-item.active .nav-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;animation:2s infinite pulse3d;box-shadow:0 0 20px #667eea66}.nav-item.completed .nav-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981}.nav-content{flex:1;min-width:0}.nav-title{color:#fff;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.nav-description{color:#ffffff80;font-size:.75rem;line-height:1.3}.nav-item.active .nav-title{color:#667eea}.main-content{flex:1;min-height:100vh;margin-left:280px;padding:2rem}.content-header{text-align:center;margin-bottom:3rem}.main-title{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:800;animation:3s infinite gradientShift}.main-subtitle{color:#fffc;font-size:1.25rem;font-weight:400}.github-guide-btn{z-index:200;color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;position:fixed;top:2rem;right:2rem;box-shadow:0 4px 20px #667eea4d}.github-guide-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea80}.progress-section{margin-bottom:3rem}.progress-container{background:#ffffff1a;border-radius:10px;width:100%;height:8px;position:relative;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;inset:0}.content-card{-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;max-width:1000px;margin:0 auto;padding:3rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.content-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#fff6,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.content-card:hover:before{opacity:1}.section-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.section-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 20px #667eea4d}.section-title{color:#fff;margin:0;font-size:2rem;font-weight:700}.section-description{color:#ffffffb3;margin-top:.5rem;font-size:1.125rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.form-group{flex-direction:column;gap:.75rem;display:flex}.form-label{color:#fff;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.required-indicator{color:#f59e0b;font-weight:700}.modern-input{color:#fff;-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;outline:none;width:100%;padding:16px 20px;font-family:inherit;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-input::placeholder{color:#ffffff80}.modern-input:focus{background:#ffffff1a;border-color:#667eea;transform:translateY(-2px);box-shadow:0 0 0 4px #667eea33,0 0 20px #667eea4d}.modern-input:hover{border-color:#667eea4d}.modern-textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.modern-checkbox{appearance:none;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff4d;border-radius:6px;flex-shrink:0;width:20px;height:20px;transition:all .3s;position:relative}.modern-checkbox:checked{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 0 10px #667eea66}.modern-checkbox:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modern-checkbox:hover{background:#ffffff1a;border-color:#667eea80}.error-input{background:#ef44440d!important;border-color:#ef4444!important}.error-input:focus{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444433!important}.form-error{color:#fca5a5;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;font-weight:500;display:flex}.nav-buttons{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.nav-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 15px #667eea4d}.nav-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.nav-btn-secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.nav-btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#667eea80;transform:translateY(-1px)}.nav-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.step-counter{color:#fff9;font-size:.875rem;font-weight:500}.skill-category{-webkit-backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:1.5rem;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-category:hover{background:#ffffff14;border-color:#667eea4d;transform:translateY(-2px)}.skill-category-title{color:#fff;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.skill-category-icon{margin-right:.75rem;font-size:1.5rem}.skill-category-count{color:#10b981;font-size:.875rem;font-weight:500}.skill-tags-container{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;display:flex}.skill-tag{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;text-align:center;background:linear-gradient(135deg,#667eea33 0%,#764ba233 100%);border:1px solid #667eea4d;border-radius:25px;justify-content:center;align-items:center;gap:8px;min-width:fit-content;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.skill-tag:before{content:"";z-index:-1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.skill-tag:hover:before,.skill-tag.selected:before{left:0}.skill-tag:hover,.skill-tag.selected{color:#fff;border-color:#0000;transform:translateY(-2px)scale(1.05);box-shadow:0 5px 15px #667eea4d}.skill-tag.selected{animation:2s infinite pulse3d}.selected-skills{background:#10b9811a;border:1px solid #10b9814d;border-radius:20px;padding:24px}.selected-skills-title{color:#10b981;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.selected-skills-list{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.selected-skill-item{color:#fff;text-align:center;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:20px;justify-content:center;align-items:center;gap:.5rem;min-width:fit-content;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.remove-skill-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s;display:flex}.remove-skill-btn:hover{background:#ffffff4d;transform:scale(1.1)}.projects-header{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.projects-title{color:#fff;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.add-project-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;align-self:flex-start;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.add-project-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.projects-list{flex-direction:column;gap:1.5rem;display:flex}.project-item{-webkit-backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-item:hover{background:#ffffff14;border-color:#667eea4d;transform:translateY(-2px)}.project-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.project-number{color:#fff;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;display:flex}.remove-project-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:8px;padding:.5rem;transition:all .3s}.remove-project-btn:hover{background:#ef444433;transform:scale(1.1)}.project-form{flex-direction:column;gap:1rem;display:flex}.empty-projects{text-align:center;color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-projects svg{opacity:.5;margin-bottom:1rem}.achievements-section{-webkit-backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:24px}.achievements-title{color:#fff;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.achievements-form{flex-direction:column;gap:1rem;display:flex}.add-achievement-btn{color:#10b981;cursor:pointer;background:#10b98133;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;transition:all .3s;display:flex}.add-achievement-btn:hover{background:#10b9814d}.achievements-list{flex-direction:column;gap:.75rem;display:flex}.achievement-item{align-items:center;gap:.75rem;display:flex}.remove-achievement-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:12px;flex-shrink:0;padding:.75rem;transition:all .3s}.remove-achievement-btn:hover{background:#ef444433}.social-title,.theme-title{color:#fff;text-align:center;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.5rem;font-weight:700;display:flex}.themes-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.theme-card{cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.theme-card:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 15px 30px #0000004d}.theme-card.selected{background:#667eea1a;border-color:#667eea;box-shadow:0 0 30px #667eea66}.theme-preview{border-radius:12px;justify-content:center;align-items:center;height:80px;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.theme-colors{gap:8px;display:flex}.theme-color{border:2px solid #fff3;border-radius:50%;width:16px;height:16px;transition:transform .3s}.theme-card:hover .theme-color{transform:scale(1.2)}.theme-name{color:#fff;margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.theme-style{color:#fff9;text-transform:capitalize;font-size:.875rem}.theme-selected-icon{color:#667eea;position:absolute;top:10px;right:15px}.stats-theme-section{-webkit-backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:24px}.stats-theme-title{color:#fff;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.advanced-title{color:#fff;text-align:center;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.5rem;font-weight:700;display:flex}.advanced-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.advanced-card{-webkit-backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.advanced-card:hover{border-color:#667eea4d;transform:translateY(-2px)}.advanced-card-title{color:#fff;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.advanced-options{flex-direction:column;gap:1rem;display:flex}.advanced-option{cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;transition:all .3s;display:flex}.advanced-option:hover{background:#667eea1a}.advanced-option-text{color:#fff;align-items:center;gap:.5rem;font-weight:500;display:flex}.global-stats{-webkit-backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:2rem;padding:24px}.global-stats-title{color:#fff;text-align:center;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.stat-card{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.stat-card:hover{background:#ffffff14;border-color:#667eea4d;transform:translateY(-2px)}.stat-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-content{flex:1}.stat-number{color:#fff;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.stat-label{color:#ffffffb3;margin-bottom:.25rem;font-size:.875rem}.stat-today{color:#10b981;font-size:.75rem;font-weight:500}.preview-header{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.preview-info{flex:1}.preview-title{color:#fff;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;display:flex}.preview-description{color:#fffc;margin-bottom:1rem;font-size:1.125rem}.github-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.preview-controls{flex-direction:column;gap:1rem;display:flex}.preview-mode-toggle{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;padding:4px;display:flex}.preview-mode-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.preview-mode-btn.active{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b9814d}.preview-mode-btn:hover:not(.active){color:#fff;background:#ffffff1a}.preview-actions{gap:.75rem;display:flex}.preview-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;transition:all .3s;display:flex}.preview-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.preview-action-btn.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.preview-action-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.preview-container{-webkit-backdrop-filter:blur(20px);background:#0006;border:1px solid #ffffff1a;border-radius:20px;min-height:500px;transition:all .3s;overflow:hidden}.preview-container:hover{border-color:#667eea4d;box-shadow:0 10px 30px #0000004d}.preview-loading{text-align:center;color:#ffffffb3;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.preview-loading svg{color:#10b981;margin-bottom:1.5rem}.loading-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.loading-steps{flex-direction:column;gap:.5rem;display:flex}.loading-step{opacity:.7;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.loading-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.preview-content{height:500px;overflow:auto}.code-block{color:#e2e8f0;white-space:pre-wrap;word-wrap:break-word;background:#0009;border-radius:0;height:100%;padding:20px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:14px;line-height:1.6}.rendered-preview{height:100%;padding:24px;overflow:auto}.empty-preview{text-align:center;color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-preview svg{opacity:.5;margin-bottom:1rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(30px);background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;width:100%;max-width:800px;max-height:90vh;padding:0;animation:.3s ease-out scaleIn;overflow:hidden}.modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:2rem;display:flex}.modal-title{color:#10b981;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.modal-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:.5rem;transition:all .3s}.modal-close-btn:hover{color:#fff;background:#fff3}.modal-body{max-height:70vh;padding:2rem;overflow-y:auto}.guide-section{margin-bottom:2rem}.guide-header{background:#10b9811a;border:1px solid #10b9814d;border-radius:16px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.guide-header svg{color:#10b981;flex-shrink:0}.guide-title{color:#10b981;font-size:1.25rem;font-weight:700}.guide-steps{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.guide-step{gap:1rem;display:flex}.step-number{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.step-content{flex:1}.step-title{color:#10b981;margin-bottom:.5rem;font-size:1rem;font-weight:600}.step-description{color:#ffffffb3;font-size:.875rem;line-height:1.5}.step-description code{color:#10b981;background:#ffffff1a;border-radius:4px;padding:.125rem .5rem;font-family:JetBrains Mono,monospace}.guide-actions{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.guide-action-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s}.guide-action-card:hover{border-color:#667eea4d;transform:translateY(-2px)}.action-title{color:#fff;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:600;display:flex}.action-description{color:#ffffffb3;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.action-description code{color:#10b981;background:#ffffff1a;border-radius:4px;padding:.125rem .5rem;font-family:JetBrains Mono,monospace}.action-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.guide-tips{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.tips-title{color:#fff;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.tips-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.tip-item{align-items:flex-start;gap:.75rem;display:flex}.tip-icon{flex-shrink:0;font-size:1.125rem}.tip-text{color:#ffffffb3;font-size:.875rem;line-height:1.5}.modal-footer{text-align:center;border-top:1px solid #ffffff1a;padding:1.5rem 2rem}.modal-close-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:.75rem 2rem;font-weight:600;transition:all .3s}.modal-close-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse3d{0%{transform:scale(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale(1)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#667eea 0%,#764ba2 100%);border-radius:10px;box-shadow:inset 0 0 6px #0000004d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#764ba2 0%,#667eea 100%)}html{scrollbar-width:thin;scrollbar-color:#667eea #0003}@media (max-width:1024px){.sidebar{width:240px}.main-content{margin-left:240px;padding:1.5rem}.content-card{padding:2rem}.main-title{font-size:2.5rem}.section-title{font-size:1.75rem}}@media (max-width:768px){.sidebar{border-bottom:1px solid #ffffff1a;border-right:none;width:100%;height:auto;position:relative}.main-content{margin-left:0;padding:1rem}.content-card{border-radius:20px;padding:1.5rem}.main-title{font-size:2rem}.section-title{font-size:1.5rem}.form-grid{grid-template-columns:1fr;gap:1.5rem}.nav-buttons{flex-direction:column-reverse;gap:1rem}.nav-btn{justify-content:center;width:100%}.github-guide-btn{align-self:flex-end;margin:1rem;position:static}.sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;padding:1rem;display:grid}.nav-item{padding:.75rem}.nav-icon{width:35px;height:35px}.nav-title{font-size:.8125rem}.nav-description{font-size:.6875rem}.projects-header{align-items:stretch}.add-project-btn{align-self:stretch}.themes-grid,.advanced-grid{grid-template-columns:1fr}.preview-header{gap:1rem}.preview-controls{gap:.75rem}.preview-actions{flex-direction:column}.preview-action-btn{width:100%}.guide-steps,.guide-actions,.stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.content-card{border-radius:16px;padding:1rem}.main-title{font-size:1.75rem}.section-title{font-size:1.25rem}.modern-input{padding:14px 16px;font-size:16px}.sidebar-nav{grid-template-columns:1fr}.nav-item{padding:1rem .75rem}.github-guide-btn{padding:.625rem 1.25rem;font-size:.8125rem}.github-guide-btn span{display:none}.skill-tags-container{gap:.5rem}.skill-tag{padding:6px 12px;font-size:12px}.selected-skills-list{gap:.25rem}.selected-skill-item{padding:.375rem .5rem;font-size:.75rem}.modal-content{max-width:calc(100vw - 1rem);margin:.5rem}.modal-header,.modal-body,.modal-footer{padding:1rem}}@media (max-width:320px){.content-card{margin:.5rem;padding:.75rem}.main-title{font-size:1.5rem}.section-title{font-size:1.125rem}.modern-input{padding:12px 14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){.sidebar{background:#000000e6;border-right:2px solid #fff}.content-card{background:#000000e6;border:2px solid #fff}.modern-input{color:#fff;background:#000;border:2px solid #fff}.nav-btn-primary{color:#000;background:#fff;border:2px solid #000}}.modern-input:focus,.nav-btn:focus,.nav-item:focus{outline-offset:2px;outline:3px solid #667eea99}@media print{body{color:#000!important;background:#fff!important}.sidebar{display:none}.main-content{margin-left:0}.content-card{box-shadow:none!important;background:#fff!important;border:1px solid #000!important}.github-guide-btn{display:none}}.animate-fadeIn{animation:.6s ease-out fadeIn}.animate-slideInUp{animation:.6s ease-out slideInUp}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visually-hidden,.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.prose{color:#ffffffe6;max-width:none}.prose h1{color:#667eea;margin-top:2rem;margin-bottom:1rem;font-size:2rem;font-weight:700}.prose h2{color:#10b981;margin-top:1.5rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.prose h3{color:#fff;margin-top:1rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.prose p{margin-bottom:1rem;line-height:1.7}.prose strong{color:#f093fb;font-weight:600}.prose em{color:#667eea;font-style:italic}.prose code{color:#10b981;background:#ffffff1a;border-radius:4px;padding:.125rem .375rem;font-family:JetBrains Mono,monospace;font-size:.875em}.prose hr{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);border:none;height:1px;margin:2rem 0}.prose-invert{color:#ffffffe6}.mobile-warning-wrapper{box-sizing:border-box;background:linear-gradient(to bottom right,#0f172a,#1e293b,#334155);justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex}.mobile-warning-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;color:#fff;background-color:#1e293bcc;border:1px solid #ffffff1a;border-radius:1.5rem;width:100%;max-width:400px;padding:2rem;box-shadow:0 10px 30px #000000b3}.mobile-warning-icon{color:#3b82f6;justify-content:center;margin-bottom:1.5rem;display:flex}.mobile-warning-title{margin-bottom:1rem;font-size:1.75rem;font-weight:700}.mobile-warning-text{color:#cbd5e1;margin-bottom:1.5rem;line-height:1.6}.mobile-warning-devices{justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.device{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.device.desktop{color:#4ade80}.device.mobile{color:#f87171}.powered-by{color:#34d399;justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:flex}