html,body{padding:0;border:none;margin:0;outline:none;background-color:#1d1d1d}.wrapper{height:100vh;overflow-y:auto;overflow-x:hidden;perspective:10px;width:100%}header{position:relative;display:flex;justify-content:center;align-items:center;height:100%;transform-style:preserve-3d;z-index:-1}.background{transform:translateZ(-10px) scale(2)}.foreground{transform:translateZ(-5px) scale(1.5)}.background,.foreground{position:absolute;height:100%;width:100%;object-fit:cover;z-index:-1}section{background-color:#000;color:#fff;padding:200px}.resume.container{padding:24px}@media print{html,body{background:white!important}.background,.foreground{display:none!important}.resume.container{box-shadow:none;background:white}.resume.container,.resume.container *{color:#000!important}}body[data-v-0be05a69]{overflow-x:hidden;overflow-y:hidden}.container[data-v-69ebe35b]{max-width:1000px;margin:40px auto;background:rgba(255,255,255,.02);color:#eaeaea;padding:28px;border-radius:6px}.portfolio-header[data-v-69ebe35b]{text-align:center;margin-bottom:40px}.hero h1[data-v-69ebe35b]{margin:0;font-size:36px;color:#fff}.tagline[data-v-69ebe35b]{font-size:18px;color:#bdbdbd;margin:8px 0 16px}.contact-links[data-v-69ebe35b]{display:flex;justify-content:center;gap:20px}.contact-links a[data-v-69ebe35b]{color:#4fc3f7;text-decoration:none;font-weight:500}.contact-links a[data-v-69ebe35b]:hover{text-decoration:underline}.section[data-v-69ebe35b]{margin-top:40px}.section h2[data-v-69ebe35b]{margin:0 0 16px;font-size:24px;border-bottom:2px solid #4fc3f7;padding-bottom:8px}.capabilities p[data-v-69ebe35b]{font-size:16px;line-height:1.6}.demo[data-v-69ebe35b]{margin-top:20px;background:rgba(255,255,255,.05);padding:16px;border-radius:6px}.demo h3[data-v-69ebe35b]{margin:0 0 12px;font-size:18px}.task-input[data-v-69ebe35b]{display:flex;gap:8px;margin-bottom:12px}.task-input input[data-v-69ebe35b]{flex:1;padding:8px;background:rgba(255,255,255,.1);border:1px solid #555;border-radius:4px;color:#eaeaea}.task-input button[data-v-69ebe35b]{padding:8px 12px;background:#4fc3f7;border:none;border-radius:4px;color:#000;cursor:pointer}.task-list[data-v-69ebe35b]{list-style:none;padding:0}.task-list li[data-v-69ebe35b]{padding:8px;background:rgba(255,255,255,.03);margin-bottom:4px;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between}.task-list li[data-v-69ebe35b]:hover{background:rgba(255,255,255,.08)}.remove[data-v-69ebe35b]{color:#f44336}.demo-note[data-v-69ebe35b]{font-size:14px;color:#9a9a9a;margin-top:12px}.skills-grid[data-v-69ebe35b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.skill-item[data-v-69ebe35b]{background:rgba(255,255,255,.03);padding:16px;border-radius:6px;transition:transform .2s}.skill-item[data-v-69ebe35b]:hover{transform:translateY(-4px);background:rgba(255,255,255,.08)}.skill-name[data-v-69ebe35b]{font-weight:700;margin-bottom:8px}.skill-bar[data-v-69ebe35b]{background:rgba(255,255,255,.1);height:8px;border-radius:4px;overflow:hidden;margin-bottom:8px}.skill-fill[data-v-69ebe35b]{height:100%;background:linear-gradient(90deg,#4fc3f7,#29b6f6);transition:width 1s ease}.skill-desc[data-v-69ebe35b]{font-size:14px;color:#bdbdbd}.projects-grid[data-v-69ebe35b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.project[data-v-69ebe35b]{background:rgba(255,255,255,.03);padding:20px;border-radius:6px;transition:transform .2s}.project[data-v-69ebe35b]:hover{transform:translateY(-4px);background:rgba(255,255,255,.08)}.project h3[data-v-69ebe35b]{margin:0 0 12px}.project p[data-v-69ebe35b]{margin:0 0 12px;color:#bdbdbd}.project-link[data-v-69ebe35b]{color:#4fc3f7;text-decoration:none;font-weight:500}.project-link[data-v-69ebe35b]:hover{text-decoration:underline}.exp-item[data-v-69ebe35b]{margin-bottom:20px;padding:16px;background:rgba(255,255,255,.03);border-radius:6px}.exp-item h3[data-v-69ebe35b]{margin:0 0 8px}.exp-item p[data-v-69ebe35b]{margin:0;color:#bdbdbd}@media print{[data-v-69ebe35b]:root{color-scheme:light}body[data-v-69ebe35b],.container[data-v-69ebe35b]{background:white!important;color:#000!important}.background[data-v-69ebe35b],.foreground[data-v-69ebe35b],header img[data-v-69ebe35b]{display:none!important}a[data-v-69ebe35b]:after{content:none}.demo[data-v-69ebe35b]{display:none}}