:root{--primary:#09f;--primary-light:#6cf;--primary-dark:#06c;--primary-accent:#0cf;--secondary:#f0f9ff;--secondary-dark:#e0f2fe;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--text-light:#a0aec0;--bg-white:#fff;--bg-gray-50:#f9fafb;--bg-gray-100:#f3f4f6;--bg-gray-200:#e5e7eb;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"Fira Code", "Courier New", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out;--transition-slow:.35s ease-in-out;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--primary:#38bdf8;--primary-light:#7dd3fc;--primary-dark:#0ea5e9;--primary-accent:#06b6d4;--secondary:#0f172a;--secondary-dark:#1e293b;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-light:#64748b;--bg-white:#0f172a;--bg-gray-50:#1e293b;--bg-gray-100:#334155;--bg-gray-200:#475569;--border-light:#334155;--border-medium:#475569;--border-dark:#64748b;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0006, 0 10px 10px -5px #0000004d}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-white);line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:1200px;padding:0 var(--space-4);margin:0 auto}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:var(--space-4);font-weight:600;line-height:1.2}h1{letter-spacing:-.025em;font-size:2.5rem}h2{letter-spacing:-.025em;font-size:2rem}h3{letter-spacing:-.025em;font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--space-4);color:var(--text-secondary)}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-dark);text-decoration:underline}.btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;font-size:1rem;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-lg);color:#fff;text-decoration:none;transform:translateY(-2px)}.btn-secondary{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.btn-secondary:hover{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.card{background-color:var(--bg-white);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--transition-normal);border:1px solid var(--border-light);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.card:hover{border-color:var(--primary-light);transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.card-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.card-title{color:var(--text-primary);margin-bottom:var(--space-2);font-size:1.5rem;font-weight:600}.card-body{flex:1}.card-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-light);justify-content:flex-end;gap:var(--space-4);display:flex}@media (width<=768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 var(--space-3)}.btn{padding:var(--space-2) var(--space-4);font-size:.875rem}.card{padding:var(--space-6);border-radius:var(--radius-xl)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.card-title{font-size:1.25rem}.card-footer{margin-top:var(--space-4);padding-top:var(--space-3)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) ease-out forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-gray-100)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.rounded{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow-md)}.bg-secondary{background-color:var(--secondary)}.text-primary{color:var(--primary)}.text-muted{color:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.max-w-2xl{max-width:4xl}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);background-color:#fffffff2;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:var(--shadow-md);background-color:#fffffffa}.navbar .container{justify-content:space-between;align-items:center;height:72px;display:flex}.navbar-logo{color:var(--primary);font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-links{gap:var(--space-6);list-style:none;display:flex}.navbar-link{color:var(--text-secondary);transition:all var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.navbar-link:hover,.navbar-link.active{color:var(--primary)}.navbar-link.active:after{content:"";background-color:var(--primary);border-radius:var(--radius-full);width:100%;height:2px;position:absolute;bottom:-8px;left:0}.hero{padding:var(--space-20) 0;background:linear-gradient(135deg, var(--secondary) 0%, var(--bg-white) 100%);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";opacity:.5;z-index:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230099ff' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero .container{z-index:1;position:relative}.hero-title{margin-bottom:var(--space-4);color:var(--text-primary);letter-spacing:-.025em;font-size:3.5rem;font-weight:700}.hero-subtitle{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:3xl;margin-left:auto;margin-right:auto;font-size:1.25rem}.hero-buttons{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.footer{background-color:var(--secondary);padding:var(--space-12) 0;text-align:center}.footer-content{max-width:600px;margin:0 auto}.footer-text{color:var(--text-secondary);margin-bottom:var(--space-4)}.footer-links{justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.footer-link{color:var(--text-secondary);transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary)}.footer-copyright{color:var(--text-muted);font-size:.875rem}.project-card{background-color:var(--bg-white);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--transition-normal);border:1px solid var(--border-light);flex-direction:column;height:100%;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.project-card:hover{border-color:var(--primary-light);transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.project-card-title{margin-bottom:var(--space-2);color:var(--text-primary);font-size:1.25rem;font-weight:600}.project-card-category{padding:var(--space-1) var(--space-3);background-color:var(--secondary);color:var(--primary);border-radius:var(--radius-full);margin-bottom:var(--space-3);font-size:.75rem;font-weight:500;display:inline-block}.project-card-description{margin-bottom:var(--space-4);color:var(--text-secondary);flex:1;line-height:1.6}.project-card-tech{color:var(--text-muted);margin-bottom:var(--space-4);font-size:.875rem}.project-card-link{align-items:center;gap:var(--space-2);color:var(--primary);transition:all var(--transition-fast);font-weight:500;display:inline-flex}.project-card-link:hover{text-decoration:none;transform:translate(4px)}.skill-tag{padding:var(--space-1) var(--space-3);background-color:var(--secondary);color:var(--primary);border-radius:var(--radius-full);margin-right:var(--space-2);margin-bottom:var(--space-2);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;display:inline-block}.skill-tag:hover{background-color:var(--primary);color:#fff;transform:translateY(-2px)}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline:before{content:"";background-color:var(--border-light);width:2px;position:absolute;top:0;bottom:0;left:0}.timeline-item{padding-left:var(--space-8);margin-bottom:var(--space-8);position:relative}.timeline-item:before{content:"";left:-5px;top:var(--space-2);background-color:var(--primary);border:3px solid var(--secondary);border-radius:50%;width:12px;height:12px;position:absolute}.timeline-item-title{margin-bottom:var(--space-1);color:var(--text-primary);font-size:1.25rem;font-weight:600}.timeline-item-company{color:var(--primary);margin-bottom:var(--space-1);font-weight:500}.timeline-item-period{color:var(--text-muted);margin-bottom:var(--space-3);font-size:.875rem}.timeline-item-description{color:var(--text-secondary);line-height:1.6}@media (width<=768px){.navbar-links{gap:var(--space-4)}.navbar-link{font-size:.875rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:200px}.timeline-item{padding-left:var(--space-6)}}.home[data-v-91652a8a]{flex-direction:column;min-height:100vh;display:flex}.py-20[data-v-91652a8a]{padding-top:var(--space-20);padding-bottom:var(--space-20)}.py-16[data-v-91652a8a]{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-12[data-v-91652a8a]{padding-top:var(--space-12);padding-bottom:var(--space-12)}.mb-10[data-v-91652a8a]{margin-bottom:var(--space-10)}.mb-8[data-v-91652a8a]{margin-bottom:var(--space-8)}.mb-6[data-v-91652a8a]{margin-bottom:var(--space-6)}.mb-4[data-v-91652a8a]{margin-bottom:var(--space-4)}.max-w-3xl[data-v-91652a8a]{max-width:48rem}.mx-auto[data-v-91652a8a]{margin-left:auto;margin-right:auto}.text-lg[data-v-91652a8a]{font-size:1.125rem}.text-xl[data-v-91652a8a]{font-size:1.25rem}.font-semibold[data-v-91652a8a]{font-weight:600}.font-medium[data-v-91652a8a]{font-weight:500}.text-gray-600[data-v-91652a8a]{color:var(--text-secondary)}.grid[data-v-91652a8a]{display:grid}.grid-cols-1[data-v-91652a8a]{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2[data-v-91652a8a]{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3[data-v-91652a8a]{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-8[data-v-91652a8a]{gap:var(--space-8)}.gap-6[data-v-91652a8a]{gap:var(--space-6)}.px-6[data-v-91652a8a]{padding-left:var(--space-6);padding-right:var(--space-6)}.py-3[data-v-91652a8a]{padding-top:var(--space-3);padding-bottom:var(--space-3)}.text-2xl[data-v-91652a8a]{font-size:1.5rem}.md\:col-span-2[data-v-91652a8a]{grid-column:span 2/span 2}.lg\:col-span-1[data-v-91652a8a]{grid-column:span 1/span 1}@media (width<=768px){.py-20[data-v-91652a8a]{padding-top:var(--space-16);padding-bottom:var(--space-16)}.grid-cols-1[data-v-91652a8a]{grid-template-columns:1fr}.md\:col-span-2[data-v-91652a8a]{grid-column:span 1/span 1}}.portfolio[data-v-7ed50538]{flex-direction:column;min-height:100vh;display:flex}.py-12[data-v-7ed50538]{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16[data-v-7ed50538]{padding-top:var(--space-16);padding-bottom:var(--space-16)}.border-b[data-v-7ed50538]{border-bottom:1px solid var(--border-light)}.border-gray-200[data-v-7ed50538]{border-color:var(--border-light)}.flex-wrap[data-v-7ed50538]{flex-wrap:wrap}.px-6[data-v-7ed50538]{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2[data-v-7ed50538]{padding-top:var(--space-2);padding-bottom:var(--space-2)}.rounded-full[data-v-7ed50538]{border-radius:var(--radius-full)}.font-medium[data-v-7ed50538]{font-weight:500}.border-2[data-v-7ed50538]{border-width:2px}.grid[data-v-7ed50538]{display:grid}.grid-cols-1[data-v-7ed50538]{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2[data-v-7ed50538]{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3[data-v-7ed50538]{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-8[data-v-7ed50538]{gap:var(--space-8)}.gap-4[data-v-7ed50538]{gap:var(--space-4)}.mb-4[data-v-7ed50538]{margin-bottom:var(--space-4)}.flex-grow[data-v-7ed50538]{flex-grow:1}@media (width<=768px){.py-12[data-v-7ed50538]{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-16[data-v-7ed50538]{padding-top:var(--space-12);padding-bottom:var(--space-12)}.grid-cols-1[data-v-7ed50538],.md\:grid-cols-2[data-v-7ed50538],.lg\:grid-cols-3[data-v-7ed50538]{grid-template-columns:1fr}.px-6[data-v-7ed50538]{padding-left:var(--space-4);padding-right:var(--space-4)}}.resume[data-v-413694c7]{flex-direction:column;min-height:100vh;display:flex}.py-16[data-v-413694c7]{padding-top:var(--space-16);padding-bottom:var(--space-16)}.mb-10[data-v-413694c7]{margin-bottom:var(--space-10)}.mb-6[data-v-413694c7]{margin-bottom:var(--space-6)}.mb-4[data-v-413694c7]{margin-bottom:var(--space-4)}.mb-2[data-v-413694c7]{margin-bottom:var(--space-2)}.max-w-3xl[data-v-413694c7]{max-width:48rem}.max-w-4xl[data-v-413694c7]{max-width:56rem}.mx-auto[data-v-413694c7]{margin-left:auto;margin-right:auto}.grid[data-v-413694c7]{display:grid}.grid-cols-1[data-v-413694c7]{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2[data-v-413694c7]{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3[data-v-413694c7],.lg\:grid-cols-3[data-v-413694c7]{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-8[data-v-413694c7]{gap:var(--space-8)}.gap-6[data-v-413694c7]{gap:var(--space-6)}.gap-4[data-v-413694c7]{gap:var(--space-4)}.gap-3[data-v-413694c7]{gap:var(--space-3)}.flex[data-v-413694c7]{display:flex}.flex-col[data-v-413694c7]{flex-direction:column}.md\:flex-row[data-v-413694c7]{flex-direction:row}.md\:justify-between[data-v-413694c7]{justify-content:space-between}.font-semibold[data-v-413694c7]{font-weight:600}.text-gray-600[data-v-413694c7]{color:var(--text-secondary)}.text-primary[data-v-413694c7]{color:var(--primary)}.hover\:underline[data-v-413694c7]{text-decoration:underline}.text-xl[data-v-413694c7]{font-size:1.25rem}.last\:mb-0[data-v-413694c7]{margin-bottom:0}.font-medium[data-v-413694c7]{font-weight:500}.text-muted[data-v-413694c7]{color:var(--text-muted)}.flex-grow[data-v-413694c7]{flex-grow:1}.list-disc[data-v-413694c7]{list-style-type:disc}.pl-6[data-v-413694c7]{padding-left:var(--space-6)}.space-y-2[data-v-413694c7]>*+*{margin-top:var(--space-2)}@media (width<=768px){.py-16[data-v-413694c7]{padding-top:var(--space-12);padding-bottom:var(--space-12)}.grid-cols-1[data-v-413694c7],.md\:grid-cols-2[data-v-413694c7],.md\:grid-cols-3[data-v-413694c7],.lg\:grid-cols-3[data-v-413694c7]{grid-template-columns:1fr}.md\:flex-row[data-v-413694c7]{flex-direction:column}}