:root{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e8e8e8;background-color:#1c1c1c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;background:#1c1c1c;overflow-x:hidden}#root,body{min-height:100vh}a{color:#5a9fd4;text-decoration:none;transition:color .3s}a:hover{color:#6bb4e8;text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:.3px}strong{color:#ffcc44;font-weight:700}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1a1a1a;border-left:1px solid #2d2d2d}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4a4a4a,#3a3a3a);border:1px solid #2d2d2d;border-radius:0}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a5a5a,#4a4a4a)}::selection{background:rgba(90,159,212,.4);color:#fff}.factory{min-height:100vh;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 4px),linear-gradient(135deg,#1c1c1c,#2a2a2a);color:#e8e8e8;position:relative}.factory:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,200,50,.03) 0,transparent 50%),radial-gradient(circle at 80% 50%,rgba(50,150,255,.03) 0,transparent 50%);pointer-events:none;z-index:0}.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.factory-header{text-align:center;margin-bottom:3rem;background:rgba(30,30,35,.85);padding:2rem;border:3px solid #3d3d3d;border-top:4px solid #ffb730;box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,255,255,.1),0 8px 30px rgba(0,0,0,.6);position:relative}.factory-header:before{content:"";position:absolute;top:-3px;left:10px;right:10px;height:3px;background:linear-gradient(90deg,transparent,#ffb730,transparent)}.factory-header h1{font-size:2.5rem;color:#ffcc44;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,200,50,.4);margin-bottom:.5rem;font-weight:700;letter-spacing:1px}.subtitle{color:#c0c0c0;font-size:1.1rem;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.8);font-family:monospace;letter-spacing:.5px}.container{max-width:900px;margin:0 auto;padding:2rem;position:relative;z-index:1}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(180deg,rgba(50,50,55,.95),rgba(35,35,40,.95));border:3px solid #3d3d3d;border-top:4px solid #ffb730;border-radius:0;box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,255,255,.1),0 8px 30px rgba(0,0,0,.6);position:relative}.header:before{content:"";position:absolute;top:-3px;left:10px;right:10px;height:3px;background:linear-gradient(90deg,transparent,#ffb730,transparent)}.title-section h1{font-size:2rem;color:#ffcc44;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,200,50,.4);font-weight:700;letter-spacing:1px}.back-btn{background:linear-gradient(180deg,#5a9fd4,#4a8fc4);border:3px solid #3d7fb4;border-top-color:#6aafde;color:#fff;padding:.5rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;margin-bottom:1rem;transition:all .2s;box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,255,255,.2),0 2px 10px rgba(90,159,212,.4);text-shadow:0 1px 3px rgba(0,0,0,.6);border-radius:0}.back-btn:hover{background:linear-gradient(180deg,#6aafde,#5a9fd4);transform:translateY(-1px);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,255,255,.3),0 4px 15px rgba(90,159,212,.5)}.back-btn:active{transform:translateY(0);box-shadow:0 0 0 1px #000,inset 0 1px 3px rgba(0,0,0,.4),0 1px 5px rgba(90,159,212,.3)}.content{display:flex;flex-direction:column;gap:1.5rem}.panel{background:linear-gradient(180deg,rgba(35,35,40,.95),rgba(28,28,32,.95));border:3px solid #3d3d3d;border-left:5px solid #5a9fd4;border-radius:0;padding:1.5rem;box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,255,255,.08),0 6px 20px rgba(0,0,0,.5);transition:all .2s;position:relative}.panel:before{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px solid rgba(90,159,212,.2);pointer-events:none}.panel:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,255,255,.12),0 8px 25px rgba(0,0,0,.6),0 0 20px rgba(90,159,212,.15);border-left-color:#6bb4e8}.panel h2{color:#ffcc44;margin-top:0;margin-bottom:1rem;font-size:1.5rem;border-bottom:2px solid #3d3d3d;padding-bottom:.5rem;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.8);position:relative}.panel h2:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#5a9fd4}.panel h3{color:#6bb4e8;margin-top:0;margin-bottom:.75rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8)}.panel p{line-height:1.7;margin:.5rem 0;color:#d8d8d8;text-shadow:0 1px 2px rgba(0,0,0,.6)}.panel ol,.panel ul{line-height:1.9;color:#d8d8d8;padding-left:1.5rem}.panel li{margin:.6rem 0;text-shadow:0 1px 2px rgba(0,0,0,.6)}.panel li::marker{color:#5a9fd4;font-weight:600}.panel code{background:rgba(20,20,25,.8);padding:.3rem .6rem;border-radius:0;color:#ffcc44;font-family:Courier New,monospace;border:1px solid #3d3d3d;box-shadow:inset 0 1px 3px rgba(0,0,0,.5);font-weight:600}.task{background:rgba(20,25,30,.8);padding:1.2rem 1.2rem 1.2rem 2rem;border-radius:0;margin:1rem 0;border:2px solid #2d3d4d;border-left:4px solid #5a9fd4;box-shadow:inset 0 1px 0 rgba(90,159,212,.1);position:relative}.task:before{content:"▸";position:absolute;left:.6rem;top:1.3rem;color:#5a9fd4;font-size:1rem}.task p{padding-left:.2rem}.note{color:#ffcc44;padding:.5rem;background:rgba(255,200,50,.1);border-left:3px solid #ffcc44;text-shadow:0 1px 3px rgba(0,0,0,.8)}.final-note,.note{font-weight:700;margin-top:1rem}.final-note{color:#ff9944;font-style:italic;text-align:center;padding:.8rem;background:rgba(255,150,50,.1);border:2px solid #ff9944;box-shadow:0 0 15px rgba(255,150,50,.2);text-shadow:0 2px 4px rgba(0,0,0,.8)}.submit-panel{background:linear-gradient(180deg,rgba(30,45,35,.95),rgba(25,35,30,.95));border-left-color:#6ab04c!important}.submit-panel:hover{border-left-color:#82c96c!important;box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,255,255,.12),0 8px 25px rgba(0,0,0,.6),0 0 20px rgba(106,176,76,.2)}.submit-panel:before{border-color:rgba(106,176,76,.3)}.submit-panel h2{color:#82c96c}.submit-panel h2:after{background:#6ab04c}.github-input{width:100%;padding:1rem;font-size:1rem;background:rgba(15,15,20,.9);border:3px solid #3d3d3d;border-radius:0;color:#e8e8e8;margin-bottom:1rem;transition:all .3s;box-shadow:inset 0 2px 4px rgba(0,0,0,.6),0 0 0 1px #000;font-family:Courier New,monospace}.github-input:focus{outline:none;border-color:#5a9fd4;box-shadow:inset 0 2px 4px rgba(0,0,0,.6),0 0 0 1px #000,0 0 15px rgba(90,159,212,.4);background:rgba(20,25,30,.9)}.github-input::placeholder{color:#6a6a6a}.submit-btn{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:700;background:linear-gradient(180deg,#6ab04c,#5a9038);color:#fff;border:3px solid #4a7a2c;border-top-color:#7ac05a;border-radius:0;cursor:pointer;transition:all .2s;box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,255,255,.2),0 4px 15px rgba(106,176,76,.4);text-shadow:0 2px 4px rgba(0,0,0,.6);letter-spacing:.5px;position:relative}.submit-btn:before{content:"";position:absolute;top:3px;left:3px;right:3px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.submit-btn:hover{background:linear-gradient(180deg,#7ac05a,#6aa048);transform:translateY(-2px);box-shadow:0 0 0 1px #000,inset 0 1px 0 rgba(255,255,255,.3),0 6px 20px rgba(106,176,76,.5);border-top-color:#8ad06a}.submit-btn:active{transform:translateY(0);box-shadow:0 0 0 1px #000,inset 0 1px 3px rgba(0,0,0,.4),0 2px 10px rgba(106,176,76,.3)}.success{text-align:center;padding:1.5rem;background:rgba(25,50,35,.9);border-radius:0;border:3px solid #6ab04c;box-shadow:0 0 0 1px #000,inset 0 0 20px rgba(106,176,76,.1),0 0 25px rgba(106,176,76,.3);position:relative}.success:before{content:"✓";position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:30px;height:30px;background:#6ab04c;color:#fff;font-size:1.3rem;line-height:30px;border:3px solid #1a1a1a;box-shadow:0 0 15px rgba(106,176,76,.5);font-weight:700}.success p{color:#82c96c;font-size:1.1rem;margin:.5rem 0;text-shadow:0 2px 4px rgba(0,0,0,.8);font-weight:600}.repo-link{color:#ffcc44!important;font-family:Courier New,monospace;word-break:break-all;background:rgba(15,15,20,.9);padding:.8rem;border-radius:0;margin:1rem 0;border:2px solid #3d3d3d;box-shadow:inset 0 2px 4px rgba(0,0,0,.6)}.header:after,.panel:after{content:"";position:absolute;width:10px;height:10px;top:8px;right:8px;border:2px solid #5a9fd4;border-bottom:none;border-left:none}.submit-panel:after{border-color:#6ab04c}.content{position:relative}.content:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(90,159,212,.03) 1px,transparent 0),linear-gradient(90deg,rgba(90,159,212,.03) 1px,transparent 0);background-size:20px 20px;pointer-events:none;z-index:-1}@media (max-width:768px){.container{padding:1rem}.header{flex-direction:column;gap:1rem}.title-section h1{font-size:1.5rem}.factory-header h1{font-size:2rem}.header:after,.panel:after{display:none}}