:root{--bg-primary:#fff;--bg-secondary:#f8fafc4d;--bg-card:#ffffff80;--bg-gradient:linear-gradient(135deg,#667eea,#764ba2);--bg-gradient-alt:linear-gradient(135deg,#f093fb,#f5576c);--text-primary:#0f172a;--text-secondary:#1e293b;--text-muted:#475569;--text-accent:#667eea;--border-light:#e2e8f0;--border-medium:#cbd5e0;--border-accent:#667eea;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #0000001a;--shadow-xl:0 20px 40px #00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b4d;--bg-card:#1e293b80;--bg-gradient:linear-gradient(135deg,#1e40af,#7c3aed);--bg-gradient-alt:linear-gradient(135deg,#dc2626,#ea580c);--text-primary:#f1f5f9;--text-secondary:#cbd5e0;--text-muted:#94a3b8;--text-accent:#60a5fa;--border-light:#4755694d;--border-medium:#64748b66;--border-accent:#3b82f6;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 25px #0000004d;--shadow-xl:0 20px 40px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100%;overflow-x:hidden;width:100%}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:all .3s cubic-bezier(.4,0,.2,1)}.App{background:#fff;background:var(--bg-primary);min-height:100vh}.container{box-sizing:border-box;margin:0 auto;max-width:1300px;overflow-x:hidden;padding:0 20px;width:100%}.navigation{left:20px;position:fixed;top:20px;z-index:1000}.hamburger{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;background:var(--bg-card);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:50%;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;gap:4px;height:50px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px;z-index:1002}.hamburger:hover{border-color:#667eea;border-color:var(--border-accent);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:scale(1.05)}.hamburger-line{background:#667eea;background:var(--text-accent);border-radius:1px;height:2px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.hamburger.open .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff80;background:var(--bg-card);border-radius:0 24px 24px 0;border-right:2px solid #e2e8f0;border-right:2px solid var(--border-light);box-shadow:0 20px 40px #00000014;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:1001}.nav-menu.open{transform:translateX(0)}.nav-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f8fafc4d;background:var(--bg-secondary);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-light);border-radius:0 24px 0 0;display:flex;justify-content:space-between;padding:2rem 1.5rem 1.5rem}.nav-header h3{font-size:1.25rem;font-weight:600;margin:0}.close-btn,.nav-header h3{color:#0f172a;color:var(--text-primary);text-shadow:0 1px 2px #fffc}.close-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;background:var(--bg-card);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:50%;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-btn:hover{background:#667eea;background:var(--text-accent);border-color:#667eea;border-color:var(--text-accent);color:#fff}.close-btn svg{height:18px;width:18px}.nav-list{flex:1 1;overflow-y:auto;padding:1.5rem 0}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:1rem;margin:0 .5rem;padding:1rem 1.5rem;position:relative;text-align:left;text-shadow:0 1px 2px #fffc;transition:all .2s ease;width:95%}.nav-item:hover{background:#f8fafc4d;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-light)}.nav-item.active,.nav-item:hover{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#667eea;color:var(--text-accent)}.nav-item.active{background:#667eea1a;border:1px solid #667eea;border:1px solid var(--border-accent)}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.nav-label{font-size:1rem;font-weight:500}.active-indicator{animation:pulse 2s infinite;background:#667eea;background:var(--text-accent);border-radius:50%;height:8px;position:absolute;right:1.5rem;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nav-footer{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f8fafc4d;background:var(--bg-secondary);border-radius:0 0 24px 0;border-top:2px solid #e2e8f0;border-top:2px solid var(--border-light);padding:1.5rem}.scroll-progress{text-align:center}.progress-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#e2e8f0;background:var(--border-light);border-radius:3px;height:6px;margin-bottom:.75rem;overflow:hidden;width:100%}.progress-fill{background:#667eea;background:var(--text-accent);border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:#475569;color:var(--text-muted);font-size:.8rem;font-weight:500;text-shadow:0 1px 2px #fffc}.nav-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.theme-toggle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;background:var(--bg-card);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:50%;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);color:#667eea;color:var(--text-accent);cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px;z-index:1001}.theme-toggle:hover{border-color:#667eea;border-color:var(--border-accent);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:scale(1.1)}.theme-toggle svg{fill:currentColor;height:24px;width:24px}.hero-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-gradient);color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;text-align:center}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{max-width:800px;padding:0 20px;position:relative;z-index:2}.hero-content h1{animation:fadeInUp 1s ease-out;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1.1;margin-bottom:1rem;text-shadow:0 4px 8px #0000004d}.hero-content h2{animation:fadeInUp 1s ease-out .2s both;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;margin-bottom:1.5rem;opacity:.9}.hero-content p{animation:fadeInUp 1s ease-out .4s both;font-size:clamp(1.1rem,3vw,1.3rem);line-height:1.7;margin-bottom:2.5rem;opacity:.95}.social-links{animation:fadeInUp 1s ease-out .6s both;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.social-links a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:16px;border-radius:var(--radius-lg);color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.social-links a:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.social-links svg{height:20px;width:20px}.panel-header{border-bottom:1px solid #333;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.panel-header,.panel-header h3{align-items:center;display:flex}.panel-header h3{color:#fff;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.reset-params-btn{background:#2d2d2d;border:1px solid #555;border-radius:4px;color:#ccc;cursor:pointer;padding:.5rem;transition:all .2s ease}.reset-params-btn:hover{background:#555;color:#fff}.param-input-group{margin-bottom:1rem}.param-input-group label{color:#0f172a;color:var(--text-primary);font-size:.9rem}.param-input,.param-select{background:#2d2d2d;border:1px solid #555;border-radius:4px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;padding:.75rem;transition:all .2s ease;width:100%}.param-input:focus,.param-select:focus{border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533;outline:none}.param-input:hover,.param-select:hover{border-color:#777}.param-input::placeholder{color:#888}.param-checkbox{accent-color:#ff6b35;margin-right:.5rem}.param-input-group label{color:#ccc;display:block;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.search-results-info{background:#f8fafc4d;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);font-size:.9rem;margin-bottom:1.5rem;padding:.75rem 1rem}.no-results,.search-results-info{color:#475569;color:var(--text-muted);text-align:center}.no-results{padding:3rem 1rem}.reset-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-gradient);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.reset-btn:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.preview-header{margin-bottom:2rem}.preview-header h1{color:#0f172a;color:var(--text-primary);margin-bottom:1rem}.url-builder-container{background:#1e1e1e;border:1px solid #333;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.url-builder-container h4{align-items:center;color:#fff;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.url-builder-container h4:before{content:"🔗";font-size:1rem}.url-builder{background:#2d2d2d;border:1px solid #555;border-radius:4px;padding:.75rem;position:relative}.url-display{align-items:center;display:flex;font-family:JetBrains Mono,monospace;font-size:.85rem;gap:0;line-height:1.4;padding-right:3rem;word-break:break-all}.url-method{background:#10b981;border-radius:3px;color:#fff;font-size:.75rem;font-weight:600;margin-right:.5rem;padding:.25rem .5rem;text-transform:uppercase}.url-base{color:#fff;font-weight:500}.url-params{color:#ff6b35}.url-copy-btn{background:#2d2d2d;border:1px solid #555;border-radius:3px;color:#ccc;cursor:pointer;font-size:1rem;padding:.4rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease}.url-copy-btn:hover{background:#555;color:#fff}.api-request-button{background:#ff6b35;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.5px;min-width:120px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transition:all .2s ease;width:auto}.api-request-button:hover:not(:disabled){background:#e55a2b;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.api-request-button:active:not(:disabled){box-shadow:0 2px 6px #ff6b354d;transform:translateY(0)}.api-request-button:disabled{cursor:not-allowed;opacity:.7}.loading-indicator{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:16px;margin-left:.5rem;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.api-section{background:#1e1e1e;border:1px solid #333;border-radius:8px;box-shadow:0 4px 12px #0000004d;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:100%;overflow:hidden;padding:0;position:relative;transition:all .3s ease;width:100%}.api-section:hover{box-shadow:0 8px 24px #0006}.api-header{align-items:flex-start;background:#2d2d2d;border-bottom:1px solid #333;color:#fff;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 2rem;position:relative;text-align:left}.api-header h2{align-items:center;color:#ff6b35;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0}.api-header h2:before{content:"📡";font-size:1.2rem}.api-header p{color:#b3b3b3;font-size:.9rem;line-height:1.4;margin:0}.api-header .url-builder-container{margin-top:.25rem;width:100%}.scroll-next{align-items:center;background:#1e1e1e;border:1px solid #555;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;height:36px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .2s ease,background .2s ease,border-color .2s ease;width:36px;z-index:3}.scroll-next:before{animation:nextBounce 1.2s ease-in-out infinite;color:#ff6b35;content:"↓";font-size:18px;line-height:1}.scroll-next:hover{background:#2d2d2d;border-color:#ff6b35;transform:translateY(-50%) translateX(-1px)}@keyframes nextBounce{0%{opacity:.9;transform:translateY(-2px)}50%{opacity:.6;transform:translateY(2px)}to{opacity:.9;transform:translateY(-2px)}}.back-to-top{align-items:center;background:#2d2d2d;border:1px solid #555;border-radius:50%;bottom:24px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:20px;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,background .2s ease,border-color .2s ease;width:44px;z-index:1000}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:#ff6b35;border-color:#ff6b35}.scroll-forward{align-items:center;background:#2d2d2d;border:1px solid #555;border-radius:50%;bottom:74px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:20px;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,background .2s ease,border-color .2s ease;width:44px;z-index:1000}.scroll-forward.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-forward:hover{background:#ff6b35;border-color:#ff6b35}[data-theme=light] .response-panel{background:#fff}[data-theme=light] .panel-title{border-bottom:1px solid #e5e7eb;color:#0f172a;color:var(--text-primary)}[data-theme=light] .view-toggle{background:#f3f4f6}[data-theme=light] .view-toggle button{color:#334155}[data-theme=light] .view-toggle button.active,[data-theme=light] .view-toggle button:hover{background:#ff6b35;color:#fff}[data-theme=light] .json-display{background:#f8fafc;border:1px solid #e5e7eb;color:#475569;color:var(--text-muted)}[data-theme=light] .back-to-top,[data-theme=light] .scroll-forward{background:#fff;border-color:#e5e7eb;color:#0f172a}[data-theme=light] .back-to-top:hover,[data-theme=light] .scroll-forward:hover{background:#ff6b35;border-color:#ff6b35;color:#fff}[data-theme=light] .api-section{background:#f8fafc;border-color:#e5e7eb;box-shadow:0 8px 24px #0f172a0f}[data-theme=light] .api-header{background:#f3f4f6;border-bottom:1px solid #e5e7eb}[data-theme=light] .api-header h2{color:#ff6b35}[data-theme=light] .api-header p{color:#475569}[data-theme=light] .request-panel{background:#fff;border-right:1px solid #e5e7eb}[data-theme=light] .panel-header{border-bottom:1px solid #e5e7eb}[data-theme=light] .panel-header h3{color:#0f172a}[data-theme=light] .param-group{background:#fff;border:1px solid #e5e7eb}[data-theme=light] .param-input-group label{color:#334155}[data-theme=light] .param-input,[data-theme=light] .param-select{background:#fff;border:1px solid #cbd5e1;color:#0f172a}[data-theme=light] .param-input:hover,[data-theme=light] .param-select:hover{border-color:#94a3b8}[data-theme=light] .param-input:focus,[data-theme=light] .param-select:focus{border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533}[data-theme=light] .url-builder-container{background:#fff;border:1px solid #e5e7eb}[data-theme=light] .url-builder{background:#f8fafc;border:1px solid #e5e7eb}[data-theme=light] .url-base{color:#0f172a}[data-theme=light] .url-params{color:#ff6b35}[data-theme=light] .param-group h4{border-bottom:1px solid #e5e7eb;color:#0f172a}[data-theme=light] .param-group h4 svg{color:#ff6b35}.api-content{grid-gap:0;display:grid;gap:0;grid-template-columns:350px 1fr;min-height:500px;overflow:hidden}.api-content,.request-panel{box-sizing:border-box;max-width:100%;width:100%}.request-panel{background:#252526;border-right:1px solid #333;font-size:.9rem;overflow-y:auto;padding:1.5rem;position:relative}.request-panel::-webkit-scrollbar{width:6px}.request-panel::-webkit-scrollbar-track{background:#1e1e1e}.request-panel::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.request-panel::-webkit-scrollbar-thumb:hover{background:#777}.param-group{background:#1e1e1e;border:1px solid #333;border-radius:6px;margin-bottom:1.5rem;padding:1rem;transition:all .2s ease}.param-group:hover{border-color:#555}.param-group h4{border-bottom:1px solid #333;color:#fff;font-size:.8rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:.75rem;padding-bottom:.5rem;text-transform:uppercase}.param-group h4,.param-item{align-items:center;display:flex}.param-item{word-wrap:break-word;background:#ffffff80;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-sm);gap:1rem;justify-content:space-between;margin-bottom:.4rem;overflow:hidden;padding:.6rem .8rem;transition:all .2s ease;word-break:break-word}.param-item:hover{background:#f8fafc4d;background:var(--bg-secondary);border-color:#667eea;border-color:var(--border-accent)}.param-key{color:#0f172a;color:var(--text-primary);flex-shrink:0;font-weight:600;min-width:100px}.param-key,.param-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.param-value{color:#667eea;color:var(--text-accent);flex:1 1;text-align:right}.param-type{background:#667eea;background:var(--text-accent);border-radius:8px;border-radius:var(--radius-sm);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.2rem .4rem;text-transform:uppercase}.response-panel{background:#1e1e1e;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;overflow:hidden;padding:1.5rem;position:relative;width:100%}.panel-title{align-items:center;border-bottom:1px solid #333;color:#fff;font-size:1rem;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding-bottom:.75rem;text-transform:uppercase}.panel-title,.view-toggle{display:flex;margin-bottom:1rem}.view-toggle{background:#2d2d2d;border-radius:4px;gap:.25rem;padding:.25rem}.view-toggle button{background:#0000;border:none;border-radius:3px;color:#ccc;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.view-toggle button.active,.view-toggle button:hover{background:#ff6b35;color:#fff}.json-display{align-items:center;background:#f8fafc4d;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);color:#475569;color:var(--text-muted);display:flex;font-style:italic;justify-content:center;min-height:200px;overflow:hidden;padding:2rem;text-align:center}.json-display,pre{box-sizing:border-box;max-width:100%;width:100%}pre{word-wrap:break-word;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.react-syntax-highlighter,.react-syntax-highlighter pre{box-sizing:border-box!important;max-width:100%!important;overflow-x:auto!important;width:100%!important}.preview-container{color:#0f172a;color:var(--text-primary)}.preview-container h1{color:#667eea;color:var(--text-accent);font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.preview-container h2{align-items:center;color:#0f172a;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:600;gap:.5rem;margin:2rem 0 1rem}.preview-container h3{color:#667eea;color:var(--text-accent);font-size:1.4rem;font-weight:600;margin-bottom:1rem}.preview-container h4{color:#0f172a;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:1rem 0 .5rem}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.skill-category{background:#f8fafc4d;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);padding:1.5rem;transition:all .3s ease}.skill-category:hover{border-color:#667eea;border-color:var(--border-accent);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.skill-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:.75rem 0}.skill-item:last-child{border-bottom:none}.skill-info{gap:.75rem}.skill-icon,.skill-info{align-items:center;display:flex}.skill-icon{color:#667eea;color:var(--text-accent)}.skill-name{color:#0f172a;color:var(--text-primary);font-weight:500}.skill-level{flex:1 1;margin-left:1rem;max-width:200px}.skill-bar-container{background:#e2e8f0;background:var(--border-light);border-radius:4px;height:8px;overflow:hidden}.skill-bar{border-radius:4px;height:100%;transition:width 1s ease}.skill-bar.expert{background:linear-gradient(90deg,#10b981,#059669)}.skill-bar.advanced{background:linear-gradient(90deg,#3b82f6,#2563eb)}.skill-bar.intermediate{background:linear-gradient(90deg,#f59e0b,#d97706)}.skill-bar.beginner{background:linear-gradient(90deg,#ef4444,#dc2626)}.tools-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.tool-item{background:#f8fafc4d;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);padding:1rem;text-align:center}.color-guide{border-radius:8px;border-radius:var(--radius-sm);color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.5rem;padding:.5rem 1rem}.color-guide.expert{background:#10b981}.color-guide.advanced{background:#3b82f6}.color-guide.intermediate{background:#f59e0b}.color-guide.beginner{background:#ef4444}.guide-description{color:#475569;color:var(--text-muted);font-size:.8rem}.education-item,.experience-item{background:#f8fafc4d;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);margin-bottom:1.5rem;padding:2rem;transition:all .3s ease}.education-item:hover,.experience-item:hover{border-color:#667eea;border-color:var(--border-accent);box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.education-header,.experience-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.company-info h3,.institution-info h3{color:#667eea;color:var(--text-accent);font-size:1.4rem;margin-bottom:.5rem}.degree,.position{color:#0f172a;color:var(--text-primary);font-size:1.1rem;font-weight:500}.duration,.graduation-year{background:#667eea;background:var(--text-accent);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.description{color:#1e293b;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-tag{background:#667eea;background:var(--text-accent);border-radius:16px;color:#fff;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.achievements{margin-top:1rem}.achievement-item{align-items:center;background:#ffffff80;background:var(--bg-card);border-left:3px solid #667eea;border-left:3px solid var(--text-accent);border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text-primary);display:flex;gap:.5rem;margin-bottom:.5rem;padding:.75rem}.achievement-icon{color:#667eea;color:var(--text-accent);flex-shrink:0}.gpa-badge{background:#10b981;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-top:1rem;padding:.5rem 1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@media (max-width:1024px){.api-content{gap:1rem;grid-template-columns:1fr 1fr}.request-panel{border-bottom:none;border-right:1px solid #e2e8f0;border-right:1px solid var(--border-light);max-height:none;overflow-y:visible}.response-panel{min-height:auto}.navigation{left:15px;top:15px}.nav-menu{width:300px}.container{padding:0 18px}.hero-content h1{font-size:3.5rem}.hero-content h2{font-size:2rem}.contact-content{gap:3rem}}@media (min-width:769px) and (max-width:1024px){.api-request-button{font-size:.85rem;min-width:120px;padding:.6rem 1.2rem;position:relative}.api-request-button:before{color:#fff;content:"Fetch";font-size:.85rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:1}.api-request-button>*{display:none!important}.api-request-button{color:#0000!important;font-size:0!important}.api-request-button .loading-indicator{margin-left:0}}@media (max-width:768px){.container{padding:0 15px}.hero-content h1{font-size:3rem}.hero-content h2{font-size:1.8rem}.social-links{align-items:center;flex-direction:column}.social-links a{justify-content:center;max-width:300px;width:100%}.panel-header{align-items:flex-start;flex-direction:column;gap:1rem}.param-input-group{margin-bottom:1.5rem}.param-input,.param-select{font-size:1rem;padding:.8rem}.url-builder-container{margin-bottom:1.5rem;padding:1rem}.url-display{align-items:center;display:flex;flex-direction:row;gap:5px;padding-bottom:2.5rem;padding-right:0}.url-copy-btn{bottom:.75rem;right:.75rem;top:auto}.api-header{padding:1.5rem}.api-header h2{font-size:1.5rem}.request-panel,.response-panel{padding:1.5rem}.api-content{gap:0;grid-template-columns:1fr}.request-panel{display:none}.response-panel{min-height:auto;padding-top:1.5rem}.response-panel .panel-title{align-items:center;display:flex;gap:1rem;justify-content:space-between}.request-panel .api-request-button{display:none}.response-panel .api-request-button{display:inline-block;font-size:.85rem;margin:0;padding:.5rem 1rem;position:static;width:auto}.json-display{margin-bottom:1rem}.param-group{margin-bottom:1.5rem}.param-item{margin-bottom:.3rem;padding:.5rem .75rem}.skills-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(2,1fr)}.education-item,.experience-item{padding:1.5rem}.education-header,.experience-header{align-items:flex-start;flex-direction:column;gap:1rem}.navigation{left:10px;top:10px}.hamburger{height:45px;width:45px}.nav-menu{left:0;max-width:320px;width:100vw}.nav-header{padding:1rem}.nav-header h3{font-size:1.1rem}.nav-item{padding:.875rem 1rem}.nav-label{font-size:.95rem}.contact-section{padding:4rem 0}.contact-header h2{font-size:2.5rem}.contact-content{gap:2rem;grid-template-columns:1fr}.contact-form-container{padding:2rem}}@media (max-width:820px) and (min-width:769px){.container{padding:0 16px}.hero-content h1{font-size:3.2rem}.hero-content h2{font-size:1.9rem}.contact-content{gap:2.5rem}.nav-menu{width:280px}.navigation{left:12px;top:12px}}@media (max-width:750px){.container{padding:0 14px}.hero-content h1{font-size:2.8rem}.hero-content h2{font-size:1.7rem}.contact-content{gap:2rem}.api-content{gap:0;grid-template-columns:1fr}.request-panel{display:none}.response-panel{min-height:auto;padding:2rem 1.25rem 1.25rem}.response-panel .panel-title{align-items:center;display:flex;gap:1rem;justify-content:space-between}.response-panel .api-request-button{display:inline-block;font-size:.85rem;margin:0;padding:.5rem 1rem;position:static;width:auto}.json-display{margin-bottom:1rem}.param-group{margin-bottom:1.25rem}.param-item{margin-bottom:.25rem;padding:.4rem .6rem}.nav-menu{max-width:300px;width:100vw}.navigation{left:20px;top:20px}.hamburger{height:47px;width:47px}}@media (max-width:730px){.container{padding:0 13px}.hero-content h1{font-size:2.6rem}.hero-content h2{font-size:1.6rem}.api-content{gap:0;grid-template-columns:1fr}.request-panel{display:none}.response-panel{min-height:auto;padding:2rem 1rem 1rem}.response-panel .panel-title{align-items:center;display:flex;gap:1rem;justify-content:space-between}.response-panel .api-request-button{display:inline-block;font-size:.85rem;margin:0;padding:.5rem 1rem;position:static;width:auto}.json-display,.param-group{margin-bottom:1rem}.param-group h4{font-size:.8rem;margin-bottom:.5rem}.param-item{margin-bottom:.2rem;padding:.35rem .5rem}.param-key,.param-value{font-size:.75rem}.contact-section{padding:3.5rem 0}.contact-header h2{font-size:2.3rem}.contact-content{gap:1.75rem}.contact-form-container{padding:1.25rem}.navigation{top:10px}.theme-toggle{right:10px;top:10px}.hamburger,.theme-toggle{height:46px;width:46px}}@media (max-width:480px){.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:1.5rem}.hero-content p{font-size:1rem}.api-header h2{font-size:1.25rem}.request-panel,.response-panel{padding:1rem}.api-content{gap:0;grid-template-columns:1fr}.request-panel{display:none}.response-panel{min-height:auto;padding-top:2.5rem}.response-panel .panel-title{align-items:center;display:flex;gap:1rem;justify-content:space-between}.response-panel .api-request-button{display:inline-block;font-size:.85rem;margin:0;padding:.8rem 1rem;position:relative;width:auto}.json-display{margin-bottom:1rem}.param-group{margin-bottom:.875rem}.param-group h4{font-size:.75rem;margin-bottom:.4rem}.param-item{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:.15rem;padding:.3rem .4rem}.param-key{min-width:auto}.param-key,.param-value{font-size:.7rem}.contact-content,.tools-grid{grid-template-columns:1fr}.contact-content{gap:2rem}.contact-header h2{font-size:2.5rem}.contact-form-container{padding:2rem}.hamburger{height:40px;width:40px}.hamburger-line{width:16px}.nav-menu{max-width:280px;width:100vw}.container{padding:0 10px}.contact-section{padding:3rem 0}.contact-header h2{font-size:2rem}.contact-form-container{padding:1.5rem}.social-links a{align-items:center;display:flex;font-size:.9rem;justify-content:center;padding:.5rem 1rem}.api-request-button{font-size:.85rem;min-width:120px;padding:.8rem 1.2rem;position:relative}.api-request-button:before{color:#fff;content:"Fetch";font-size:.85rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:1}.api-request-button>*{display:none!important}.api-request-button{color:#0000!important;font-size:0!important}.api-request-button .loading-indicator{margin-left:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8fafc4d;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#cbd5e0;background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#667eea;background:var(--text-accent)}a:focus,button:focus{outline:2px solid #667eea;outline:2px solid var(--text-accent);outline-offset:2px}.loading{opacity:.7;pointer-events:none}.contact-section{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-gradient);color:#fff;margin-top:4rem;padding:6rem 0}.contact-header{margin-bottom:4rem;text-align:center}.contact-header h2{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 4px 8px #0000004d}.contact-header p{font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.9}.contact-content{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}@media (max-width:900px){.contact-content{gap:3rem;grid-template-columns:1fr}.contact-section{padding:5rem 0}.contact-header{margin-bottom:3rem}.contact-header h2{font-size:2.8rem}}@media (max-width:750px){.contact-content{gap:2.5rem}.contact-section{padding:4rem 0}.contact-header h2{font-size:2.5rem}.contact-header p{font-size:1.1rem}}.contact-info h3{font-size:2rem;font-weight:600;margin-bottom:1.5rem}.contact-info p{font-size:1.1rem;line-height:1.7;opacity:.9}.contact-details,.contact-info p{margin-bottom:2rem}.contact-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;border-radius:var(--radius-md);gap:1rem;margin-bottom:1.5rem;padding:1rem}.contact-icon,.contact-item{align-items:center;display:flex}.contact-icon{background:#fff3;border-radius:50%;color:#667eea;color:var(--text-accent);font-size:1.5rem;height:50px;justify-content:center;min-width:50px;padding:.75rem}.contact-text h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;opacity:.8}.contact-text a,.contact-text span{color:#fff;font-size:1.1rem;text-decoration:none;transition:color .3s ease}.contact-text a:hover{color:#667eea;color:var(--text-accent)}.social-links-contact h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.social-icons{display:flex;gap:1rem}.social-icons a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.social-icons a:hover{background:#ffffff4d;color:#667eea;color:var(--text-accent);transform:translateY(-2px)}.social-icons svg{height:24px;width:24px}.contact-form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;border-radius:var(--radius-xl);padding:2.5rem}@media (max-width:900px){.contact-form-container{padding:2rem}.contact-info h3{font-size:1.8rem}.contact-info p{font-size:1rem}}@media (max-width:750px){.contact-form-container{padding:1.5rem}.contact-info h3{font-size:1.6rem}.contact-info p{font-size:.95rem}.contact-item{margin-bottom:1.25rem;padding:.875rem}.contact-icon{font-size:1.25rem;height:45px;min-width:45px;padding:.625rem}.contact-text h4{font-size:.9rem}.contact-text a,.contact-text span{font-size:1rem}}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:1rem;font-weight:600;opacity:.9}.form-group input,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;border-radius:var(--radius-md);color:#fff;font-size:1rem;padding:1rem;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffffb3}.form-group input:focus,.form-group textarea:focus{background:#ffffff26;border-color:#667eea;border-color:var(--text-accent);box-shadow:0 0 0 3px #ffffff1a;outline:none}.form-group input.error,.form-group textarea.error{background:#ef44441a;border-color:#ef4444}.form-group input.error:focus,.form-group textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.field-error{background:#ef444433;border:1px solid #ef44444d;border-radius:8px;border-radius:var(--radius-sm);color:#fecaca;font-size:.85rem;margin-top:.25rem;padding:.5rem}.form-group textarea{min-height:120px;resize:vertical}.submit-button{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--bg-gradient-alt);border:none;border-radius:16px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;margin-top:1rem;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.7}.submit-button svg{height:20px;width:20px}.error-message{background:#ef444433;border:1px solid #ef44444d;border-radius:12px;border-radius:var(--radius-md);color:#fecaca;font-size:.9rem;padding:1rem}.success-message{align-items:center;background:#10b98133;border:1px solid #10b9814d;border-radius:12px;border-radius:var(--radius-md);color:#a7f3d0;display:flex;font-size:.9rem;gap:.5rem;padding:1rem}.success-message svg{color:#10b981;height:20px;width:20px}@media print{.api-request-button,.theme-toggle{display:none}.api-section{border:1px solid #ccc;box-shadow:none}}.param-key:hover,.param-value:hover{position:relative}.param-key:hover:after,.param-value:hover:after{animation:none;background:#000000e6;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(title);font-size:.75rem;font-weight:500;left:50%;margin-bottom:8px;min-width:-webkit-max-content;min-width:max-content;opacity:1;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:none;white-space:nowrap;z-index:9999}
/*# sourceMappingURL=main.b03470f4.css.map*/