@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&display=swap);body{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:#0a0a0f;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f19f2;border:1px solid #ff008826;border-radius:12px;box-shadow:0 10px 50px #ff00881a,0 0 1px #ff008880;max-width:420px;padding:2.5rem;width:100%}.auth-card h1{color:#f08!important;font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:.1em;margin-bottom:1.5rem;text-align:left;text-shadow:0 0 15px #f086,0 0 40px #ff008826}.auth-form{gap:1rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#d0e!important}.form-group input:focus{box-shadow:0 0 10px #f083,0 0 30px #ff00880d}.auth-button{background:linear-gradient(135deg,#f08,#d0e);border:none;border-radius:4px;box-shadow:0 0 15px #f083;color:#000!important;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.1em;margin-top:1rem;padding:.85rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.auth-button:hover:not(:disabled){box-shadow:0 0 25px #f086,0 0 50px #dd00ee26;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.4}.auth-link{color:#888!important;font-family:Rajdhani,sans-serif;margin-top:1rem;text-align:center}.auth-link a{color:#f08;font-weight:600;text-decoration:none;transition:all .3s ease}.auth-link a:hover{text-decoration:none;text-shadow:0 0 10px #ff008880}.group-container{align-items:center;background:#0a0a0f;display:flex;justify-content:center;min-height:100vh;padding:20px}.group-action-card,.group-selection-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f19f2;border:1px solid #ff008826;border-radius:12px;box-shadow:0 10px 50px #ff00881a,0 0 1px #ff008880;max-width:500px;padding:2rem;width:100%}.group-action-card h2,.group-selection-card h2{color:#f08;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;text-align:center;text-shadow:0 0 10px #ff00884d}.group-action-card p,.group-selection-card p{color:#888;font-family:Rajdhani,sans-serif;margin-bottom:2rem;text-align:center}.group-options{grid-gap:1rem;display:grid;gap:1rem}.group-option-button{background:#ff00880a;border:1px solid #ff008826;border-radius:10px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.group-option-button:hover:not(:disabled){background:#ff008814;border-color:#f08;box-shadow:0 5px 25px #ff008826,0 0 1px #ff008880;transform:translateY(-2px)}.group-option-button:disabled{background:#ffffff05;cursor:not-allowed;opacity:.3}.option-icon{color:#f08;font-size:2.5rem;margin-bottom:.5rem;text-shadow:0 0 10px #f089,0 0 30px #ff00884d,0 0 50px #dd00ee26;transition:all .3s ease}.group-option-button:hover .option-icon{text-shadow:0 0 15px #f08c,0 0 40px #ff008880,0 0 70px #dd00ee4d;transform:scale(1.1)}.group-option-button h3{color:#d0e;font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.05em;margin:.5rem 0}.group-option-button p{color:#777;font-size:.9rem;margin:0}.form-group label{letter-spacing:.1em}.group-key-input{color:#f08!important;font-family:ui-monospace,Courier New,monospace!important;font-size:1.2rem!important;letter-spacing:.15em;text-align:center}.button-group{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.primary-button{background:linear-gradient(135deg,#f08,#d0e);border:none;border-radius:4px;box-shadow:0 0 15px #f083;color:#000;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.1em;padding:.75rem 2rem;text-transform:uppercase;transition:all .3s ease}.primary-button:hover:not(:disabled){box-shadow:0 0 25px #f086,0 0 50px #dd00ee26;transform:translateY(-2px)}.primary-button:disabled{cursor:not-allowed;opacity:.4}.secondary-button{background:#0000;border:1px solid #d0e6;border-radius:4px;color:#d0e;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.1em;padding:.75rem 2rem;text-transform:uppercase;transition:all .3s ease}.secondary-button:hover{background:#dd00ee26;box-shadow:0 0 15px #d0e3;transform:translateY(-2px)}.error-messages{background:#ff444414;border:1px solid #ff44444d;border-radius:4px;margin-bottom:1rem;padding:.75rem}.error{color:#f44;font-size:.9rem;margin:0}.error+.error{margin-top:.25rem}.info-message{background:#00c8ff0f;border:1px solid #00c8ff33;border-radius:4px;color:#0cdcf7;font-family:Rajdhani,sans-serif;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem;text-align:center}.disabled-text{color:#555;display:block;font-size:.85rem;font-style:italic;margin-top:.5rem}.roadmap-builder-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.roadmap-info-card{background:linear-gradient(135deg,#1a0033,#000);border:2px solid #f08;border-radius:12px;box-shadow:0 0 30px #ff008880;color:#fff;font-family:Rajdhani,sans-serif;max-width:600px;width:90%}.info-content{padding:30px 40px}.info-actions{display:flex;gap:15px;justify-content:space-between;margin-top:30px}.back-button,.next-button{background:linear-gradient(135deg,#f08,#d0e);border:2px solid #f08;border-radius:6px;color:#fff;cursor:pointer;font-family:Orbitron,monospace;font-size:14px;font-weight:600;letter-spacing:2px;padding:12px 30px;transition:all .3s ease}.back-button:hover,.next-button:hover{box-shadow:0 0 20px #f08c;transform:translateY(-2px)}.back-button{background:#0000;color:#f08}.back-button:hover{background:#ff00881a}.roadmap-subtitle{color:#d0e;font-size:14px;margin:5px 0 0;opacity:.8}.roadmap-builder-content{background:linear-gradient(135deg,#1a0033,#000);border:2px solid #f08;border-radius:12px;box-shadow:0 0 30px #ff008880;color:#fff;display:flex;flex-direction:column;font-family:Rajdhani,sans-serif;height:95vh;max-width:1800px;width:98%}.builder-header{align-items:center;background:#ff00881a;border-bottom:2px solid #f08;display:flex;justify-content:space-between;padding:20px 30px}.builder-header h2{color:#f08;font-family:Orbitron,monospace;font-size:24px;font-weight:700;letter-spacing:3px;margin:0;text-shadow:0 0 10px #f08c}.close-button{background:#0000;border-radius:4px}.close-button:hover{box-shadow:0 0 15px #f08c;color:#000}.builder-form{border-bottom:1px solid #ff00884d;display:none;padding:20px 30px}.form-group{margin-bottom:15px}.form-group label{font-family:Orbitron,monospace;font-size:12px;letter-spacing:2px;margin-bottom:8px}.form-group input,.form-group textarea{background:#ff00880d;border:2px solid #ff00884d;border-radius:6px;color:#fff;font-family:Rajdhani,sans-serif;font-size:16px;padding:12px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#f08;box-shadow:0 0 15px #f086;outline:none}.builder-workspace{display:flex;flex:1 1;overflow:hidden}.topic-palette{background:#ff00880d;border-right:2px solid #ff00884d;overflow-y:auto;padding:20px;width:250px}.topic-palette h3{color:#d0e;font-family:Orbitron,monospace;font-size:16px;letter-spacing:2px;margin:0 0 20px}.topic-list{display:flex;flex-direction:column;gap:10px}.topic-template{align-items:center;border:2px solid #f08;border-radius:6px;cursor:move;display:flex;font-family:Rajdhani,sans-serif;font-size:14px;gap:8px;padding:12px;transition:all .3s ease}.topic-template:hover{box-shadow:0 0 15px #f089;transform:translateX(5px)}.topic-icon{font-size:16px}.topic-template.difficulty-simple{border-color:#0f8;color:#0f8}.topic-template.difficulty-medium{border-color:#fa0;color:#fa0}.topic-template.difficulty-advanced{border-color:#f08;color:#f08}.canvas-area{background:linear-gradient(90deg,#ff008805 1px,#0000 0),linear-gradient(#ff008805 1px,#0000 0);background-size:50px 50px;flex:1 1;overflow:auto;position:relative}.canvas-grid{height:100%;min-height:1500px;min-width:2000px;position:relative;width:100%}.placed-topic{background:#000000e6;border:2px solid;border-radius:8px;cursor:pointer;padding:12px;position:absolute;transition:all .3s ease;width:150px}.placed-topic.difficulty-simple{border-color:#0f8;box-shadow:0 0 10px #00ff884d}.placed-topic.difficulty-medium{border-color:#fa0;box-shadow:0 0 10px #ffaa004d}.placed-topic.difficulty-advanced{border-color:#f08;box-shadow:0 0 10px #ff00884d}.placed-topic.selected{transform:scale(1.05);z-index:10}.placed-topic.difficulty-simple.selected{box-shadow:0 0 20px #0f8c}.placed-topic.difficulty-medium.selected{box-shadow:0 0 20px #fa0c}.placed-topic.difficulty-advanced.selected{box-shadow:0 0 20px #f08c}.topic-name{font-family:Orbitron,monospace;font-size:14px;font-weight:600;margin-bottom:4px}.topic-difficulty{font-size:11px;letter-spacing:1px;opacity:.7;text-transform:uppercase}.remove-topic{align-items:center;background:#f08;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;opacity:0;position:absolute;right:-8px;top:-8px;transition:opacity .3s ease;width:20px}.placed-topic:hover .remove-topic{opacity:1}.topic-properties{background:#dd00ee0d;border-left:2px solid #dd00ee4d;overflow-y:auto;padding:20px;width:300px}.topic-properties h3{color:#d0e;font-family:Orbitron,monospace;font-size:16px;letter-spacing:2px;margin:0 0 20px}.property-item{font-size:14px;margin-bottom:15px}.property-item strong{color:#f08;display:block;font-family:Orbitron,monospace;font-size:12px;letter-spacing:1px;margin-bottom:5px}.property-item select{background:#dd00ee1a;border:2px solid #dd00ee4d;border-radius:4px;color:#fff;cursor:pointer;font-family:Rajdhani,sans-serif;padding:8px;width:100%}.property-item select:focus{border-color:#d0e;outline:none}.dependency-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.dependency-item{background:#dd00ee1a;border:1px solid #dd00ee4d;border-radius:4px;font-size:13px;padding:8px}.builder-actions{background:#ff00880d;border-top:2px solid #f08;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.cancel-button,.save-button{border:2px solid;border-radius:6px;cursor:pointer;font-family:Orbitron,monospace;font-size:14px;font-weight:600;letter-spacing:2px;padding:12px 30px;transition:all .3s ease}.cancel-button{background:#0000;border-color:#f08;color:#f08}.cancel-button:hover{background:#ff00881a;box-shadow:0 0 15px #f086}.save-button{background:linear-gradient(135deg,#f08,#d0e);border-color:#f08;color:#fff}.save-button:hover:not(:disabled){box-shadow:0 0 20px #f08c;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.5}.canvas-area::-webkit-scrollbar,.topic-palette::-webkit-scrollbar,.topic-properties::-webkit-scrollbar{width:8px}.canvas-area::-webkit-scrollbar-track,.topic-palette::-webkit-scrollbar-track,.topic-properties::-webkit-scrollbar-track{background:#ff00880d}.canvas-area::-webkit-scrollbar-thumb,.topic-palette::-webkit-scrollbar-thumb,.topic-properties::-webkit-scrollbar-thumb{background:#f08;border-radius:4px}.canvas-area::-webkit-scrollbar-thumb:hover,.topic-palette::-webkit-scrollbar-thumb:hover,.topic-properties::-webkit-scrollbar-thumb:hover{background:#d0e}.problem-list-modal{align-items:center;animation:fadeIn .3s ease;background:#000000f2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.problem-list-content{background:linear-gradient(135deg,#0a0a0f,#15151f);border:2px solid #f08;border-radius:8px;box-shadow:0 0 30px #ff00884d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.problem-header{align-items:center;background:#ff00880d;border-bottom:2px solid #ff00884d;display:flex;justify-content:space-between;padding:20px}.problem-header h2{color:#f08;font-family:Orbitron,monospace;font-size:24px;letter-spacing:2px;margin:0;text-transform:uppercase}.problem-subtitle{color:#d0e;font-family:Rajdhani,sans-serif;font-size:14px;margin:5px 0 0}.close-button{background:none;border:2px solid #f08;border-radius:50%;color:#f08;cursor:pointer;font-family:Orbitron,monospace;font-size:24px;height:40px;transition:all .3s ease;width:40px}.close-button:hover{background:#f08;color:#0a0a0f;transform:rotate(90deg)}.problem-stats{border-bottom:1px solid #f083;display:flex;gap:10px;overflow-x:auto;padding:20px}.stat-card{align-items:center;background:#ff00880d;border:1px solid #ff00884d;border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:100px;padding:12px}.stat-value{color:#f08;font-family:Orbitron,monospace;font-size:24px;font-weight:700}.stat-label{color:#888;font-family:Rajdhani,sans-serif;font-size:11px;letter-spacing:1px}.stat-card.difficulty-easy{border-color:#00ff8880}.stat-card.difficulty-easy .stat-value{color:#0f8}.stat-card.difficulty-medium{border-color:#ffaa0080}.stat-card.difficulty-medium .stat-value{color:#fa0}.stat-card.difficulty-hard{border-color:#ff008880}.stat-card.difficulty-hard .stat-value{color:#f08}.problem-filters{background:#0003;border-bottom:1px solid #f083;display:flex;gap:10px;padding:15px 20px}.problem-filters button{background:#0000;border:1px solid #ff00884d;border-radius:4px;color:#888;cursor:pointer;flex:1 1;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;letter-spacing:1px;padding:10px;text-transform:uppercase;transition:all .3s ease}.problem-filters button:hover{border-color:#f08;color:#f08}.problem-filters button.active{background:linear-gradient(135deg,#f08,#d0e);border-color:#f08;color:#fff}.problems-container{flex:1 1;overflow-y:auto;padding:20px}.problems-container::-webkit-scrollbar{width:8px}.problems-container::-webkit-scrollbar-track{background:#0003}.problems-container::-webkit-scrollbar-thumb{background:#f08;border-radius:4px}.problem-item{background:#ff008808;border:1px solid #f083;border-radius:6px;cursor:pointer;display:flex;gap:15px;margin-bottom:10px;padding:15px;transition:all .3s ease}.problem-item:hover{background:#ff008814;border-color:#f08;transform:translateX(5px)}.problem-item.completed{background:#00ff880d;border-color:#00ff884d}.problem-item.completed:hover{background:#00ff881a;border-color:#0f8}.problem-checkbox{align-items:center;display:flex}.problem-checkbox input[type=checkbox]{accent-color:#f08;cursor:pointer;height:24px;width:24px}.problem-checkbox input[type=checkbox]:checked{accent-color:#0f8}.problem-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.problem-title-row{align-items:center;display:flex;gap:10px}.problem-number{color:#666;display:inline-block;flex-shrink:0;font-size:14px;min-width:45px;text-align:left;width:45px}.problem-number,.problem-title{font-family:Rajdhani,sans-serif;font-weight:600}.problem-title{color:#fff;font-size:16px;text-decoration:none;transition:color .3s ease}.problem-title:hover{color:#f08;text-decoration:underline}.premium-badge{background:linear-gradient(135deg,#fa0,#f80);border-radius:4px;color:#000;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;padding:2px 8px}.problem-meta{align-items:center;display:flex;gap:15px}.difficulty{border-radius:4px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;padding:4px 10px}.difficulty-easy{background:#00ff8826;border:1px solid #00ff884d;color:#0f8}.difficulty-medium{background:#ffaa0026;border:1px solid #ffaa004d;color:#fa0}.difficulty-hard{background:#ff008826;border:1px solid #ff00884d;color:#f08}.attempts{color:#888}.attempts,.completed-date{font-family:Rajdhani,sans-serif;font-size:13px}.completed-date{color:#0f8}.problem-notes{background:#0000004d;border-left:2px solid #ff00884d;border-radius:4px;color:#aaa;font-family:Rajdhani,sans-serif;font-size:13px;font-style:italic;padding:8px}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state p{font-family:Orbitron,monospace;font-size:24px;margin:0 0 10px}.empty-state small{font-family:Rajdhani,sans-serif;font-size:14px}.progress-bar-container{background:#0003;border-top:1px solid #f083;padding:20px}.progress-bar{background:#00000080;border:1px solid #ff00884d;border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#f08,#0f8);height:100%;transition:width .5s ease}.progress-text{color:#888;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;letter-spacing:1px}.loading{align-items:center;animation:pulse 1.5s ease-in-out infinite;color:#f08;display:flex;font-family:Orbitron,monospace;font-size:20px;height:400px;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.roadmap-view{background:#0a0a0f;min-height:100vh;padding:2rem}.roadmap-header{align-items:center;border-bottom:1px solid #f083;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.roadmap-header h2{color:#f08;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.15em;margin:0;text-shadow:0 0 10px #ff008880}.roadmap-selector{background:#0f0f19e6;border:1px solid #ff00884d;border-radius:4px;color:#e0e0e0;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.roadmap-selector:hover{border-color:#f08;box-shadow:0 0 10px #f083}.roadmap-selector:focus{border-color:#f08;box-shadow:0 0 15px #ff00884d;outline:none}.roadmap-info{background:#0f0f19e6;border:1px solid #ff008826;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.roadmap-info h3{color:#d0e;font-family:Orbitron,sans-serif;font-weight:600;margin:0 0 .5rem}.roadmap-info p{color:#999;font-family:Rajdhani,sans-serif;margin:0}.roadmap-canvas-container{background:#0f0f19e6;border:1px solid #ff008826;border-radius:12px;box-shadow:0 5px 30px #00000080;margin-bottom:1rem;overflow:auto;padding:2rem}.roadmap-canvas{cursor:pointer;display:block}.roadmap-legend{background:#0f0f19e6;border:1px solid #ff008826;border-radius:8px;display:flex;gap:2rem;justify-content:center;padding:1rem}.legend-item{align-items:center;color:#e0e0e0;display:flex;font-family:Rajdhani,sans-serif;font-size:.9rem;gap:.5rem}.legend-color{background:#0f0f19e6;border:2px solid;border-radius:3px;height:20px;width:30px}.roadmap-empty,.roadmap-loading{align-items:center;color:#f08;display:flex;flex-direction:column;font-family:Orbitron,sans-serif;justify-content:center;min-height:60vh}.roadmap-empty h3{color:#f08;font-size:1.5rem;margin-bottom:.5rem}.roadmap-empty p{color:#888;font-family:Rajdhani,sans-serif}.roadmap-loading{animation:pulse 2s ease-in-out infinite;font-size:1.2rem}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.group-heatmap{background:#0a0a14cc;border:1px solid #f083;border-radius:8px;margin-top:20px;padding:20px;position:relative}.heatmap-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.heatmap-header h4{color:#f08;font-family:Orbitron,monospace;font-size:16px;margin:0}.heatmap-total{color:#888;font-family:Rajdhani,monospace;font-size:13px}.heatmap-description{color:#666;font-family:Rajdhani,monospace;font-size:12px;margin:0 0 16px}.heatmap-description strong{color:#f08}.heatmap-loading{color:#666;font-family:Rajdhani,monospace;font-size:14px;padding:40px 0;text-align:center}.heatmap-container{overflow-x:auto}.heatmap-months{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(53,14px);margin-bottom:4px;margin-left:36px}.month-label{color:#666;font-family:Rajdhani,monospace;font-size:10px;white-space:nowrap}.heatmap-grid-wrapper{display:flex;gap:4px}.heatmap-day-labels{display:flex;flex-direction:column;gap:2px;padding-top:0}.heatmap-day-labels span{color:#555;font-family:Rajdhani,monospace;font-size:9px;height:12px;line-height:12px;text-align:right;width:28px}.heatmap-grid,.heatmap-week{display:flex;gap:2px}.heatmap-week{flex-direction:column}.heatmap-cell{border-radius:2px;cursor:pointer;height:12px;transition:outline .15s ease;width:12px}.heatmap-cell:hover{outline:1px solid #fff6;outline-offset:-1px}.heatmap-legend{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:12px}.heatmap-legend span{color:#555;font-family:Rajdhani,monospace;font-size:10px}.heatmap-legend .legend-cell{cursor:default}.heatmap-legend .legend-cell:hover{outline:none}.heatmap-tooltip{align-items:center;background:#141423f2;border:1px solid #f086;border-radius:4px;display:flex;flex-direction:column;gap:2px;padding:6px 10px;pointer-events:none;position:absolute;transform:translate(-50%,-100%);white-space:nowrap;z-index:100}.heatmap-tooltip strong{color:#f08;font-family:Orbitron,monospace;font-size:11px}.heatmap-tooltip span{color:#999;font-family:Rajdhani,monospace;font-size:10px}.main-app{background:#0a0a0f;min-height:100vh}.app-header{background:linear-gradient(135deg,#0d0d14,#1a0a1e);border-bottom:1px solid #f083;box-shadow:0 2px 20px #ff008826,0 1px 0 #ff00884d;padding:1rem 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1300px;padding:0 2rem}.header-content h1{color:#f08;font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:.15rem;margin:0;text-shadow:0 0 10px #ff008880,0 0 30px #f083}.user-info{align-items:center;display:flex;gap:1rem}.user-profile-avatar{border:2px solid #f08;border-radius:50%;box-shadow:0 0 15px #f086,0 0 30px #ff00881a;height:50px;object-fit:cover;transition:all .3s ease;width:50px}.user-profile-avatar:hover{box-shadow:0 0 20px #f089,0 0 40px #dd00ee4d;transform:scale(1.1)}.user-info span{color:#e0e0e0;font-family:Rajdhani,sans-serif;font-weight:600;letter-spacing:.05em}.logout-button{background:#0000;border:1px solid #f08;border-radius:4px;color:#f08;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:.5rem 1.2rem;text-transform:uppercase;transition:all .3s ease}.logout-button:hover{background:#ff008826;box-shadow:0 0 15px #ff00884d,inset 0 0 15px #ff00881a;transform:translateY(-2px)}.app-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:350px 1fr;margin:0 auto;max-width:1300px;padding:2rem}@media (max-width:768px){.app-content{grid-template-columns:1fr;padding:1rem}}.app-placeholder,.group-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f19e6;border:1px solid #ff008826;border-radius:12px;box-shadow:0 5px 30px #00000080,0 0 1px #ff00884d;min-width:0;padding:2rem}.group-info-card h2{color:#f08;font-family:Orbitron,sans-serif;font-weight:700;margin-top:0;text-shadow:0 0 10px #ff00884d}.group-details{display:flex;flex-direction:column;gap:2rem}.group-key-section label{color:#d0e;display:block;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.key-display{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.group-key{background:#ff008814;border:1px solid #ff00884d;border-radius:4px;color:#f08;font-family:ui-monospace,Courier New,monospace;font-size:1.2rem;font-weight:700;letter-spacing:.2em;padding:.5rem 1rem;text-shadow:0 0 5px #ff00884d}.copy-button,.toggle-key-button{background:#0000;border:1px solid #d0e6;border-radius:4px;color:#d0e;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:600;padding:.5rem .75rem;transition:all .3s ease}.copy-button:hover,.toggle-key-button:hover{background:#dd00ee26;box-shadow:0 0 10px #d0e3;transform:translateY(-1px)}.group-key-section small{color:#888;font-size:.85rem;font-weight:500}.members-section h3{color:#d0e;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.members-list{display:flex;flex-direction:column;gap:.75rem}.member-item{align-items:center;background:#ff00880a;border:1px solid #ff00881a;border-radius:8px;display:flex;gap:1rem;padding:.75rem;transition:all .3s ease}.member-item:hover{background:#ff008814;border-color:#ff008840;box-shadow:0 0 15px #ff00881a}.member-avatar-container{border:2px solid #dd00ee80;border-radius:50%;box-shadow:0 0 10px #d0e3;height:50px;overflow:hidden;width:50px}.member-avatar-image{height:100%;object-fit:cover;width:100%}.member-avatar{align-items:center;background:linear-gradient(135deg,#f08,#d0e);border-radius:50%;color:#000;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.member-info{display:flex;flex:1 1;flex-direction:column}.member-name{color:#e0e0e0;font-family:Rajdhani,sans-serif;font-weight:600;letter-spacing:.03em}.member-email{color:#777;font-size:.85rem;font-weight:500}.you-indicator{background:#f083;border:1px solid #ff00884d;border-radius:3px;font-size:.75rem;letter-spacing:.1em;padding:.25rem .6rem}.app-placeholder h3,.you-indicator{color:#f08;font-family:Orbitron,sans-serif;font-weight:700}.app-placeholder h3{margin-top:0;text-align:center}.app-placeholder p{color:#999;font-weight:500;margin-bottom:2rem;text-align:center}.feature-list h4{color:#d0e;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.feature-list ul{color:#bbb;padding-left:1.5rem}.feature-list li{font-weight:500;margin-bottom:.5rem}.feature-list li::marker{color:#f08}.group-actions{border-top:1px solid #ff008826;margin-top:2rem;padding-top:1.5rem;text-align:center}.leave-group-button{background:#0000;border:1px solid #f446;border-radius:4px;color:#f44;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.1em;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.leave-group-button:hover{background:#ff444426;box-shadow:0 0 15px #f443;transform:translateY(-2px)}.creator-note{color:#666;display:block;font-size:.85rem;font-weight:600;margin-top:.75rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#111118;border:1px solid #f083;border-radius:12px;box-shadow:0 10px 50px #ff008826,0 0 1px #ff008880;max-width:400px;padding:2rem;width:90%}.modal-content h3{color:#f08;font-family:Orbitron,sans-serif;margin-top:0;text-align:center}.modal-content p{color:#bbb;margin:1rem 0;text-align:center}.warning-text{background:#ffaa0014;border:1px solid #ffaa004d;border-radius:6px;color:#fa0;font-size:.9rem;padding:.75rem}.modal-buttons{display:flex;gap:1rem;margin-top:1.5rem}.confirm-button{background:#f043;border:1px solid #f446;border-radius:4px;color:#f44;cursor:pointer;flex:1 1;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem;transition:all .3s ease}.confirm-button:hover{background:#ff00444d;box-shadow:0 0 15px #f443}.cancel-button{background:#64647826;border:1px solid #6464784d;border-radius:4px;color:#888;cursor:pointer;flex:1 1;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem;transition:all .3s ease}.cancel-button:hover{background:#64647840}.delete-modal{border-color:#ff32324d;box-shadow:0 10px 50px #ff323226,0 0 1px #ff323280}.delete-modal h3{color:#ff3232}.delete-modal-icon{animation:pulse-warning 1.5s ease-in-out infinite;font-size:2.5rem;margin-bottom:.5rem;text-align:center}@keyframes pulse-warning{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.delete-modal .warning-text{background:#ff323214;border-color:#ff32324d;color:#f55;font-size:.85rem;text-align:center}.delete-modal strong{color:#f08}.delete-confirm-button{background:#ff1e1e33;border-color:#ff323280;color:#ff3232}.delete-confirm-button:hover{background:#ff1e1e59;box-shadow:0 0 20px #ff32324d}.delete-confirm-button:disabled{cursor:not-allowed;opacity:.5}.invite-button{background:linear-gradient(135deg,#f08,#d0e);border:none;border-radius:4px;box-shadow:0 0 15px #f083;color:#000;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.1em;margin-top:1rem;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease;width:100%}.invite-button:hover:not(:disabled){box-shadow:0 0 25px #f086,0 0 50px #dd00ee26;transform:translateY(-2px)}.invite-button:disabled{cursor:not-allowed;opacity:.4}.status-message{border-radius:6px;font-weight:500;margin-bottom:1rem;padding:.75rem}.status-message.success{background:#00ff8814;border:1px solid #00ff884d;color:#0f8}.status-message.error{background:#ff444414;border:1px solid #ff44444d;color:#f44}.form-group{margin-bottom:1.5rem}.form-group label{color:#d0e;display:block;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.form-group input{background:#ffffff0a;border:1px solid #f083;border-radius:4px;box-sizing:border-box;color:#e0e0e0;font-family:Rajdhani,sans-serif;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#f08;box-shadow:0 0 10px #ff008826;outline:none}.form-group input:disabled{background:#ffffff05;cursor:not-allowed;opacity:.5}.form-group small{color:#666;display:block;font-size:.8rem;margin-top:.25rem}.roadmap-section{background:#ff00880d;border:1px solid #f083;border-radius:8px;display:flex;flex-direction:column;margin:2rem 0;max-height:600px;padding:1.5rem}.roadmap-section h4{color:#d0e;flex-shrink:0;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.1em;margin-bottom:1.5rem;text-transform:uppercase}.no-roadmaps{padding:2rem;text-align:center}.no-roadmaps p{color:#999;margin-bottom:1rem}.roadmap-list{display:flex;flex-direction:column;gap:1rem;max-height:450px;overflow-x:hidden;overflow-y:auto;padding-right:.5rem}.roadmap-list::-webkit-scrollbar{width:8px}.roadmap-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.roadmap-list::-webkit-scrollbar-thumb{background:#f08;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.roadmap-list::-webkit-scrollbar-thumb:hover{background:#d0e}.roadmap-card{background:#0006;border:2px solid #ff00884d;border-radius:8px;flex-shrink:0;padding:1.5rem;transition:all .3s ease;width:100%}.roadmap-card:hover{border-color:#f08;box-shadow:0 0 20px #ff00884d;transform:translateX(5px)}.roadmap-card h5{color:#f08;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;margin:0}.roadmap-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.delete-roadmap-button{align-items:center;background:#0000;border:1px solid #ff32324d;border-radius:4px;color:#ff323280;cursor:pointer;display:flex;flex-shrink:0;font-size:.8rem;height:28px;justify-content:center;transition:all .3s ease;width:28px}.delete-roadmap-button:hover{background:#ff323226;border-color:#ff3232;box-shadow:0 0 10px #ff32324d;color:#ff3232}.roadmap-card p{color:#bbb;font-size:.9rem;line-height:1.4;margin:0 0 1rem}.create-roadmap-button,.view-roadmap-button{background:linear-gradient(135deg,#f08,#d0e);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.1em;margin-top:1rem;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease;width:100%}.create-roadmap-button:hover,.view-roadmap-button:hover{box-shadow:0 0 20px #f089;transform:translateY(-2px)}.view-roadmap-button{background:#0000;border:2px solid #f08;color:#f08;margin-top:0}.view-roadmap-button:hover{background:#ff00881a}.roadmap-view-modal{background:linear-gradient(135deg,#1a0033,#000);border:2px solid #f08;border-radius:12px;box-shadow:0 0 30px #ff008880;color:#fff;display:flex;flex-direction:column;height:80vh;max-width:1200px;overflow:hidden;width:90%}.roadmap-view-header{align-items:center;background:#ff00881a;border-bottom:2px solid #f08;display:flex;justify-content:space-between;padding:20px 30px}.roadmap-view-header h3{color:#f08;font-family:Orbitron,monospace;font-size:24px;font-weight:700;letter-spacing:3px;margin:0;text-shadow:0 0 10px #f08c}.roadmap-view-header .close-button{background:#0000;border:2px solid #f08;border-radius:4px;color:#f08;cursor:pointer;font-size:24px;height:40px;transition:all .3s ease;width:40px}.roadmap-view-header .close-button:hover{background:#f08;box-shadow:0 0 15px #f08c;color:#000}.hero-section{align-items:center;background:#000;display:flex;height:100vh;justify-content:center;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:5}.hero-image{background-position:50%;background-size:cover;will-change:transform,opacity;z-index:1}.hero-image,.hero-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.hero-overlay{background:radial-gradient(circle,#0000 0,#000c 100%);pointer-events:none;z-index:2}.hero-content{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;position:relative;text-align:center;z-index:3}.hero-content h1{font-size:clamp(4rem,15vw,10rem);font-weight:900;letter-spacing:1.5rem;margin:0;text-shadow:0 0 30px #ffffff4d}.hero-divider{background:#fff;height:2px;margin:2rem auto;width:100px}.hero-content p{font-size:1.2rem;font-weight:300;letter-spacing:.5rem;margin-top:1rem}.scroll-indicator{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:4rem}.mouse{border:2px solid #fff;border-radius:20px;display:flex;height:44px;justify-content:center;padding-top:8px;width:26px}.wheel{animation:scroll-wheel 2s infinite;background:#fff;border-radius:2px;height:8px;width:4px}.arrow{animation:scroll-arrow 2s infinite;border-bottom:2px solid #fff;border-right:2px solid #fff;height:10px;transform:rotate(45deg);width:10px}@keyframes scroll-wheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(15px)}}@keyframes scroll-arrow{0%{opacity:0;transform:rotate(45deg) translate(-5px,-5px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(5px,5px)}}.main-app-wrapper{background:#0000;position:relative;z-index:10}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;color:#e0e0e0;font-family:Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;overflow-x:hidden}.App{min-height:100vh}.content-reveal{background:#0000;margin-top:-100vh;padding-top:100vh;pointer-events:none;position:relative;z-index:100}.content-reveal>*{pointer-events:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#f08;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d0e}
/*# sourceMappingURL=main.d25b413e.css.map*/