.app-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.profile-icon-container[data-v-3dc650a0]{width:5rem;height:5rem;margin:0 auto;border-radius:9999px;background-color:#3b82f6;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;position:relative}.profile-icon[data-v-3dc650a0]{width:100%;height:100%;color:#f3f4f6;border-radius:9999px;object-fit:cover}.profile-name[data-v-3dc650a0]{font-size:1.5rem;font-weight:700;color:#f3f4f6;letter-spacing:-.025em}@media (min-width: 640px){.profile-name[data-v-3dc650a0]{font-size:1.875rem}}.profile-title[data-v-3dc650a0]{font-size:1rem;font-weight:500;color:#22d3ee}@media (min-width: 640px){.profile-title[data-v-3dc650a0]{font-size:1.125rem}}.about-me-text[data-v-df9ca44e]{color:#9ca3af;font-size:.875rem;line-height:1.625}.skill-tag[data-v-759e6713]{background-color:#374151;color:#f3f4f6;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;transition:background-color .2s ease-in-out,color .2s ease-in-out;margin:0;position:relative;cursor:default}.skill-tag[data-v-759e6713]:hover{background-color:#3b82f6}.tooltip[data-v-759e6713]{position:fixed;z-index:9999;padding:.7rem;background:#1f2937;color:#f3f4f6;border:1px solid #374151;border-radius:.375rem;font-size:.875rem;text-align:center;white-space:nowrap;box-shadow:0 2px 4px #0000001a;pointer-events:none;transition:opacity .2s ease}.section-title[data-v-55828557],.section-title[data-v-67b5b38a]{color:#22d3ee;font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem}.portfolio-snapshot-item[data-v-67b5b38a]{background-color:#374151;padding:1rem;border-radius:.5rem;transition:all .3s ease-out;cursor:pointer}.portfolio-snapshot-item[data-v-67b5b38a]:hover{background-color:#374151bf}.portfolio-snapshot-item h3[data-v-67b5b38a]{color:#f3f4f6;font-size:1rem;font-weight:600}.portfolio-snapshot-item p[data-v-67b5b38a]{color:#9ca3af;font-size:.75rem}.portfolio-link[data-v-8911e873]{background-color:#3b82f6;color:#f3f4f6;transition:background-color .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:600;font-size:.875rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.portfolio-link[data-v-8911e873]:hover{background-color:#2563eb}footer[data-v-7dbe38a8]{max-width:448px}.footer-link[data-v-7dbe38a8]{color:#9ca3af;transition:color .2s ease-in-out;display:flex;align-items:center;justify-content:center}.footer-link>svg[data-v-7dbe38a8]{margin-left:0}.footer-link[data-v-7dbe38a8]:hover{color:#22d3ee}.business-card-container[data-v-c1cebfbc]{overflow-x:hidden}.hedaer-back-button[data-v-caa8eeda]{display:flex;align-items:center;justify-content:center;color:#3b82f6;transition:color .2s ease-in-out;margin-left:0;gap:8px}.hedaer-back-button[data-v-caa8eeda]:hover{color:#2563eb}.material-icons[data-v-caa8eeda]{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.bg-custom-card[data-v-ad917970]{width:100%;box-sizing:border-box;background-color:#374151}.bg-custom-card>.links[data-v-ad917970]{gap:8px}.bg-custom-card>.links>a[data-v-ad917970]{margin:0}.project-link[data-v-ad917970]{color:#3b82f6;font-size:.875rem;display:flex;align-items:center;transition:color .2s ease-in-out}.project-link[data-v-ad917970]:hover{color:#2563eb}.material-icons[data-v-ad917970]{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.material-icons.text-sm[data-v-ad917970]{font-size:.875rem}.portfolio-skill-tag[data-v-ad917970]{background-color:#4b5563;color:#d1d5db}.portfolio-container[data-v-a8c38004]{width:100%;max-width:56rem}.footer-link-portfolio[data-v-a8c38004]{color:#9ca3af;font-size:.75rem}.footer-link-portfolio[data-v-a8c38004]:hover{color:#3b82f6}.stretch[data-v-a8c38004]{align-items:stretch}header+h1+p[data-v-05625b99]{margin-bottom:3rem}.hedaer-back-button[data-v-05625b99]{display:flex;justify-content:center;align-items:center;color:#3b82f6;transition:color .2s ease-in-out;margin-left:0;gap:8px}.hedaer-back-button[data-v-05625b99]:hover{color:#2563eb}.material-icons[data-v-05625b99]{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.project-card[data-v-7a837fc7]{background-color:#1f2937;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.leading-relaxed[data-v-7a837fc7]{line-height:1.625}.project-card[data-v-8ba601c7]{background-color:#1f2937;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.tech-tag[data-v-8ba601c7]{background-color:#374151;color:#d1d5db;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem}.project-card[data-v-174a8596]{background-color:#1f2937;border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.project-card[data-v-c2fa3c12],.project-card[data-v-856159d9]{background-color:#1f2937;border-radius:.5rem;padding:1.5rem}.tech-tag[data-v-856159d9]{background-color:#374151;color:#d1d5db;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem}.icon-link[data-v-856159d9]{align-items:center;color:#3b82f6;text-decoration:none;font-weight:500;display:block;transition:color .2s ease-in-out}.icon-link .material-icons[data-v-856159d9]{font-size:1.25rem;margin-left:.25rem}.icon-link[data-v-856159d9]:hover{color:#2563eb}div.links>a[data-v-856159d9]{display:flex}.back-link[data-v-260e69ac]{color:#9ca3af;display:inline-flex;align-items:center;font-size:.875rem;margin-bottom:2rem}.back-link[data-v-260e69ac]:hover{color:#d1d5db}.material-icons[data-v-260e69ac]{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}*{padding:0;margin:0 auto}body{font-family:Poppins,Inter,sans-serif;background-color:#111827;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}@media (min-width: 640px){body{padding:1.5rem}}h1{font-weight:700;letter-spacing:-.025em}h2{font-weight:600;letter-spacing:.05em;text-transform:uppercase}a{text-decoration:none}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.p-6{padding:1.5rem}.pt-6{padding-top:1.5rem}.border-t{border-top-width:1px}.text-custom-gray{color:#9ca3af}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-1{margin-bottom:.25rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-md{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-white{color:#f3f4f6}.text-custom-light-gray{color:#d1d5db}.p-4{padding:1rem}@media (min-width: 640px){.sm\:p-6{padding:1.5rem}}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-2{gap:.5rem}.space-y-4>*:not([hidden])~*:not([hidden]){margin-top:1rem;margin-bottom:0}.space-y-3>*:not([hidden])~*:not([hidden]){margin-top:.75rem;margin-bottom:0}.space-x-4>*:not([hidden])~*:not([hidden]){margin-left:1rem;margin-right:0}@media (min-width: 640px){.sm\:space-y-0>*:not([hidden])~*:not([hidden]){margin-top:0}}@media (min-width: 640px){.sm\:space-x-4>*:not([hidden])~*:not([hidden]){margin-left:1rem}}.ring-4{box-shadow:0 0 0 4px}.ring-offset-2{box-shadow:0 0 0 2px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.w-full{width:100%}.h-auto{height:auto}.max-w-lg{max-width:32rem}.w-20{width:5rem}.h-20{height:5rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-4{width:1rem}.h-4{height:1rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.mr-1\.5{margin-right:.375rem}.text-primary{color:#f3f4f6}.text-secondary{color:#9ca3af}.text-accent{color:#22d3ee}.bg-primary{background-color:#3b82f6}.ring-primary{box-shadow:0 0 0 4px #3b82f6}.ring-offset-card-background{box-shadow:0 0 0 2px #1f2937}.border-border-color{border-color:#374151}.bg-border-color{background-color:#374151}.hover\:bg-opacity-75:hover{background-color:#374151bf}#app{display:flex;align-items:center;justify-content:center;width:100%}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2/span 2}}@media (min-width: 768px){.md\:col-span-1{grid-column:span 1/span 1}}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.ml-1{margin-left:.25rem}.space-x-3>*:not([hidden])~*:not([hidden]){margin-left:.75rem;margin-right:0}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.max-w-5xl{max-width:64rem}.mr-2{margin-right:.5rem}.mb-12{margin-bottom:3rem}.text-4xl{font-size:2.25rem}.text-gray-400{color:#9ca3af}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.border-gray-700{border-color:#374151}.text-gray-500{color:#6b7280}.text-gray-300{color:#d1d5db}.text-gray-200{color:#e5e7eb}.font-medium{font-weight:500}.sticky{position:sticky}.top-10{top:2.5rem}.gap-4{gap:1rem}.object-cover{object-fit:cover}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.block{display:block}.bg-gray-700{background-color:#4b5563}.border-gray-600{border-color:#4b5563}.placeholder-gray-400{color:#9ca3af}.focus\:ring-blue-500:focus{box-shadow:0 0 0 3px #3b82f680}.focus\:border-blue-500:focus{border-color:#3b82f6}@media (min-width: 640px){.sm\:text-sm{font-size:.875rem}}.p-2{padding:.5rem}.inline-flex{display:inline-flex}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.border{border-width:1px}.border-transparent{border-color:transparent}.bg-blue-600{background-color:#2563eb}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--tw-ring-color)}.focus\:ring-offset-2:focus{outline-offset:2px}.focus\:ring-offset-gray-800:focus{--tw-ring-offset-color: #1f2937}.focus\:ring-blue-500:focus{--tw-ring-color: $button-focus-ring}.h-48{height:12rem}.bg-gray-800{background-color:#383f49}.overflow-auto{overflow:auto}.whitespace-pre-wrap{white-space:pre-wrap}.p-3{padding:.75rem}@media (min-width: 640px){.sm\:p-8{padding:2rem}}input{width:calc(100% - 14px);padding-left:10px;padding-top:5px;padding-bottom:5px;outline:none;background-color:#4b5563;border-radius:5px;border:1px solid #4b5563;transition:border-color .2s ease-in-out;color:#f3f4f6}input:hover{border-color:#1f2937}input:-webkit-autofill{-webkit-box-shadow:0 0 0 35px #4b5563 inset;-webkit-text-fill-color:#f3f4f6}input::placeholder{color:#9ca3af;opacity:.7}input::-webkit-input-placeholder{color:#9ca3af;opacity:.7}input::-moz-placeholder{color:#9ca3af;opacity:.7}input:-ms-input-placeholder{color:#9ca3af;opacity:.7}button{padding:.5rem 1rem;border:1px solid transparent;border-radius:.375rem;font-size:.875rem;font-weight:500;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#f3f4f6;background-color:#2563eb;transition:all .2s ease-in-out;cursor:pointer}button:hover{background-color:#1d4ed8}button:focus{outline:none}button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;outline:none;background-color:#2563eb;border-color:#2563eb;color:#9ca3af}button:disabled:hover,button:disabled:focus{border:none;background-color:#2563eb;transform:none;box-shadow:none}