@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";body{font-family:JetBrains Mono,Consolas,Monaco,monospace;line-height:1.6;color:#c9d1d9;background:#0d1117;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}::selection{background:rgba(0,255,65,.3);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0d1117}::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#484f58}*{margin:0;padding:0;box-sizing:border-box}.homepage{min-height:100vh;background:#0d1117;color:#c9d1d9;font-family:JetBrains Mono,Consolas,Monaco,monospace;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.matrix-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,255,65,.03) 50%,transparent 100%),linear-gradient(0deg,transparent 0%,rgba(0,255,65,.03) 50%,transparent 100%);background-size:50px 50px;animation:matrix-scroll 20s linear infinite;z-index:0}@keyframes matrix-scroll{0%{transform:translateY(0) translate(0)}to{transform:translateY(-50px) translate(-50px)}}.container{background:rgba(13,17,23,.95);border:1px solid #30363d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:90%;max-width:800px;position:relative;z-index:1;box-shadow:0 16px 32px #00000080,0 0 40px #00ff411a;animation:container-glow 3s ease-in-out infinite alternate}@keyframes container-glow{0%{box-shadow:0 16px 32px #00000080,0 0 40px #00ff411a}to{box-shadow:0 16px 32px #00000080,0 0 60px #00ff4133}}.header{background:#21262d;border-radius:12px 12px 0 0}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#30363d;border-radius:12px 12px 0 0;border-bottom:1px solid #21262d}.terminal-buttons{display:flex;gap:8px}.btn{width:12px;height:12px;border-radius:50%;display:block}.btn.close{background:#ff5f57}.btn.minimize{background:#ffbd2e}.btn.maximize{background:#28ca42}.terminal-title{font-size:12px;color:#8b949e;font-weight:500}.terminal-content{padding:24px;line-height:1.6}.command-line{display:flex;align-items:center;gap:8px;margin:16px 0 8px;font-size:14px}.prompt{color:#00ff41;font-weight:600}.command{color:#58a6ff;font-weight:500}.name{font-size:32px;font-weight:700;color:#f0f6fc;margin:8px 0 24px;text-shadow:0 0 20px rgba(0,255,65,.3);animation:name-glow 2s ease-in-out infinite alternate}@keyframes name-glow{0%{text-shadow:0 0 20px rgba(0,255,65,.3)}to{text-shadow:0 0 30px rgba(0,255,65,.5)}}.typing-container{height:24px;margin:8px 0 24px;display:flex;align-items:center}.typing-text{color:#f79000;font-weight:500;font-size:18px}.cursor{color:#00ff41;font-weight:700;margin-left:2px;animation:cursor-blink 1s infinite}.cursor.visible{opacity:1}.cursor.hidden{opacity:0}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.skills-grid{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 24px}.skill{background:rgba(0,255,65,.1);border:1px solid rgba(0,255,65,.3);color:#00ff41;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;transition:all .3s ease;cursor:default}.skill:hover{background:rgba(0,255,65,.2);border-color:#00ff41;transform:translateY(-2px);box-shadow:0 4px 12px #00ff414d}.actions{padding:24px;border-top:1px solid #30363d;background:rgba(21,26,33,.5)}.download-btn{background:linear-gradient(135deg,#238636 0%,#2ea043 100%);border:none;color:#fff;padding:16px 32px;border-radius:8px;font-family:JetBrains Mono,monospace;font-weight:600;font-size:14px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;gap:8px;margin-bottom:24px;box-shadow:0 4px 16px #23863666}.download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #23863699}.download-btn:active{transform:translateY(0)}.btn-text{display:flex;align-items:center;gap:8px;position:relative;z-index:2}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.download-btn:hover .btn-glow{left:100%}.api-section{background:rgba(13,17,23,.8);border:1px solid #30363d;border-radius:8px;padding:16px;font-size:12px}.api-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.api-method{background:#238636;color:#fff;padding:4px 8px;border-radius:4px;font-weight:600;font-size:10px}.api-url{background:rgba(110,118,129,.1);color:#58a6ff;padding:4px 8px;border-radius:4px;border:1px solid #30363d;font-family:JetBrains Mono,monospace;flex:1;min-width:200px}.copy-btn{background:#21262d;border:1px solid #30363d;color:#f0f6fc;padding:4px 12px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:10px;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:#30363d;border-color:#58a6ff}.api-description{color:#8b949e;font-size:11px;line-height:1.4}.footer{padding:16px 24px;border-top:1px solid #30363d;background:rgba(21,26,33,.3);border-radius:0 0 12px 12px}.status-bar{display:flex;gap:24px;font-size:11px;color:#8b949e;flex-wrap:wrap}.status-item{display:flex;align-items:center;gap:4px}.status-item:first-child{color:#00ff41}@media (max-width: 768px){.container{width:95%;margin:20px auto}.name{font-size:24px}.typing-text{font-size:16px}.terminal-content,.actions{padding:16px}.api-header{flex-direction:column;align-items:stretch}.api-url{min-width:auto}.status-bar{flex-direction:column;gap:8px}.skills-grid{justify-content:center}}@media (max-width: 480px){.terminal-title{display:none}.command-line{font-size:12px}.name{font-size:20px}.typing-text{font-size:14px}}