*{margin:0;padding:0;box-sizing:border-box}:root{font-family:JetBrains Mono,Fira Code,Consolas,Monaco,Courier New,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#0a0a0a;color:#00ff41;min-height:100vh}nav{position:fixed;top:0;left:0;right:0;height:36px;background-color:#1e1e1e;border-bottom:1px solid #333;z-index:1000;display:flex;align-items:center;padding:0 12px}.nav-content{width:100%;max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.nav-logo{font-size:13px;font-weight:400;color:#00ff41;text-decoration:none;letter-spacing:.02em}.nav-logo:before{content:"$ ";color:#00ff41}.nav-links{display:flex;gap:20px;list-style:none}.nav-links a{font-size:11px;font-weight:400;color:#00ff41;text-decoration:none;opacity:.7;transition:opacity .3s ease}.nav-links a:hover{opacity:1}#app{width:100%;max-width:1200px;margin:0 auto;padding:80px 22px;text-align:left}h1{font-size:28px;font-weight:400;line-height:1.4;letter-spacing:.05em;margin-bottom:12px;color:#00ff41;text-shadow:0 0 10px rgba(0,255,65,.3)}h1:before{content:"> ";color:#00ff41}.subtitle{font-size:16px;font-weight:400;line-height:1.5;letter-spacing:.03em;color:#0c3;margin-bottom:16px;opacity:.9}.subtitle:before{content:"# ";color:#0c3}.description{font-size:14px;line-height:1.6;font-weight:400;letter-spacing:.02em;color:#009926;margin-bottom:40px;opacity:.8}.description:before{content:"# ";color:#009926}.commands-list{max-width:100%;margin:0;background-color:#1a1a1a;border-radius:12px;overflow:hidden;box-shadow:0 0 30px #00ff411a;border:1px solid #2a2a2a}.commands-list:before{content:"";display:block;height:32px;background-color:#2a2a2a;border-bottom:1px solid #333;position:relative}.commands-list:before{background-image:radial-gradient(circle,#ff5f56 0%,#ff5f56 40%,transparent 40%),radial-gradient(circle,#ffbd2e 0%,#ffbd2e 40%,transparent 40%),radial-gradient(circle,#27c93f 0%,#27c93f 40%,transparent 40%);background-size:12px 12px,12px 12px,12px 12px;background-position:12px 10px,32px 10px,52px 10px;background-repeat:no-repeat}.command-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #2a2a2a;transition:background-color .2s ease;gap:20px}.command-item:last-child{border-bottom:none}.command-item:hover{background-color:#222}.command{font-family:JetBrains Mono,Fira Code,Consolas,Monaco,Courier New,monospace;font-size:14px;font-weight:400;color:#00ff41;letter-spacing:.02em;flex:1;text-align:left;word-break:break-all}.command:before{content:"$ ";color:#0c3;opacity:.8}.copy-button{background-color:transparent;color:#00ff41;border:1px solid #00ff41;border-radius:4px;padding:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 0 10px #00ff4133}.copy-button:hover{background-color:#00ff411a;box-shadow:0 0 15px #00ff4166}.copy-button:active{transform:scale(.95)}.copy-button.copied{background-color:#00ff4133;border-color:#00ff41}.copy-button.copied:hover{background-color:#00ff4140}.copied-tooltip{position:absolute;top:50%;right:45px;transform:translateY(-50%);background-color:#2a2a2a;color:#00ff41;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:400;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;border:1px solid #00ff41;box-shadow:0 0 10px #00ff414d}.copied-tooltip.show{opacity:1}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1)}.commands-list{animation:fadeInUp .8s cubic-bezier(.4,0,.2,1);animation-delay:.2s;opacity:0;animation-fill-mode:forwards}footer{margin-top:80px;padding:30px 22px;text-align:left;border-top:1px solid #2a2a2a}.footer-text{font-size:11px;line-height:1.4;font-weight:400;letter-spacing:.02em;color:#009926;opacity:.7}.footer-text:before{content:"# ";color:#009926}@media (max-width: 768px){nav{height:36px}.nav-links{gap:16px}.nav-links a{font-size:10px}#app{padding:60px 16px}h1{font-size:22px;line-height:1.3}.subtitle{font-size:14px;line-height:1.4;margin-bottom:12px}.description{font-size:13px;margin-bottom:32px}.commands-list{border-radius:8px}.command-item{padding:12px 16px;gap:12px}.command{font-size:12px;word-break:break-word}.copy-button{width:32px;height:32px;padding:8px}.copied-tooltip{font-size:11px;padding:5px 10px}footer{margin-top:60px;padding:24px 16px}}@media (max-width: 480px){h1{font-size:20px}.subtitle{font-size:13px}.nav-logo{font-size:12px}.nav-links{gap:12px}.nav-links a{font-size:9px}}