@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&family=Exo:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Advent+Pro:ital,wght@0,100..900;1,100..900&family=Exo:ital,wght@0,100..900;1,100..900&family=Inter:wght@400;500;600;700&display=swap";.card1{width:100%;max-width:360px;height:auto;min-height:160px;padding:1.5rem;background:#19191e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease}.card1 img{height:80px;width:auto;object-fit:contain;margin-bottom:1rem}.card1 p{margin:0;font-size:1rem;font-weight:500;font-family:Inter,sans-serif;color:#eaeaea}.card1:hover{transform:translateY(-6px);border:1px solid rgba(138,43,226,.5);box-shadow:0 10px 25px #8a2be233}@media(max-width:640px){.card1{min-height:140px;padding:1rem}.card1 img{height:60px}}.home{background-color:#000;overflow-x:hidden}.upper-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.green{display:inline-block;height:10px;width:10px;background-color:green;border-radius:50%;margin-right:10px}.work>div{display:flex;justify-content:center;align-items:center;gap:5px;background-color:#242424;color:#faebd7;font-size:1rem;padding:.75rem 1.25rem;border-radius:24px;box-shadow:0 0 20px #8e4aab,15px 0 20px #ab4a4a,0 4px 3px #f5f5f5}.name{font-size:clamp(1.5rem,8vw,3.5rem);font-weight:700;color:azure;text-align:center;margin-top:2rem;font-family:"Press Start 2P",Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;line-height:1.4;max-width:90vw}.name span{display:block;margin-top:1rem;color:#8a2be2;animation:fadeup 2s ease-in-out infinite alternate}@keyframes fadeup{0%{color:#8a2be2}to{color:#491878}}.info{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.info button{color:beige;background-color:#141414;padding:.75rem 1.5rem;border-radius:20px;font-size:1.125rem;border:1px solid #333;transition:all .3s ease}.info button:hover{background-color:#333;transform:translateY(-2px)}.below-section{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;padding:4rem 10%;justify-items:center}@media(min-width:640px){.below-section{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.below-section{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.below-section{grid-template-columns:repeat(4,1fr)}}.About{background-color:#09090b;color:#eae7e7;padding:4rem 1rem;overflow-x:hidden}.Intro{display:flex;flex-direction:column;gap:2rem;align-items:center;max-width:1200px;margin:0 auto 4rem}@media(min-width:1024px){.Intro{flex-direction:row;justify-content:space-between;text-align:left}.written{width:55%}}.written{width:100%}.me{width:100%;max-width:300px;height:auto;aspect-ratio:1;object-fit:cover;border:5px solid #432a60;border-radius:12px;box-shadow:0 0 30px #6d419f59;margin-top:2rem;transition:transform .4s ease,box-shadow .4s ease}@media(min-width:1024px){.me{margin-top:0}}.me:hover{transform:scale(1.05)}.written h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#9c5de4;text-shadow:0 0 4px rgba(156,93,228,.45)}.written .line{height:6px;width:60px;background-color:#9c5de4;margin:1rem 0 2rem;border-radius:4px}.written h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin-bottom:1.5rem}.written p{font-size:1.125rem;line-height:1.7;color:#d1d1d1}.p1{margin-bottom:1.5rem}.p2{margin-bottom:1.5rem;color:#a9a8a8}.many-card{max-width:1200px;width:100%;margin:0 auto;padding:0 1rem}.card{background-color:#161617;border:1px solid #353537;border-radius:20px;width:100%;margin-bottom:2rem;padding:2rem;transition:transform .4s ease}.card h2{font-size:1.75rem;font-family:Exo,sans-serif;font-weight:700;margin-bottom:1.5rem;color:#9c5de4}.card ul{list-style:none;padding:0}.card li{position:relative;padding-left:1.5rem;margin-bottom:1rem;color:#d1d1d1;line-height:1.6;font-size:1.125rem}.card li:before{content:"→";position:absolute;left:0;color:#a855f7}.education-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:700;margin:4rem 0 2rem;color:#eae7e7;text-align:center}@media(min-width:1024px){.education-title{text-align:left}}.info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}@media(min-width:768px){.info{flex-direction:row;justify-content:space-between;align-items:baseline}}.info h1{font-size:1.5rem;color:#eae7e7;margin:0}.info .text-3xl{font-size:1.25rem!important}.more-info h3{font-size:1.25rem;color:#bab9b9;margin-bottom:1rem}.more-info p{font-size:1rem;color:#8e8d8d}.Contact{background-color:#09090b;color:#eae7e7;padding:4rem 1.5rem;font-family:Inter,sans-serif;overflow-x:hidden}.contact-container{max-width:1200px;margin:0 auto}.written h1{font-size:clamp(2rem,8vw,3rem);font-weight:700;color:#9c5de4;text-shadow:0 0 4px rgba(156,93,228,.45);margin-bottom:.5rem}.written .line{height:6px;width:60px;background-color:#9c5de4;margin-bottom:2rem;border-radius:4px}.written p.p1{font-size:1.125rem;line-height:1.6;color:#bab9b9;max-width:800px;margin-bottom:3rem}.contact-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}@media(min-width:1024px){.contact-grid{grid-template-columns:1.2fr .8fr}}.card{background-color:#161617;border:1px solid #353537;border-radius:20px;padding:2rem;transition:transform .4s ease,border-color .4s ease}.card:hover{transform:translateY(-5px);border-color:#9c5de480}.card h2{font-size:1.5rem;font-family:Exo,sans-serif;font-weight:700;margin-bottom:1.5rem;color:#eae7e7}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:#bab9b9;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1.125rem;background:#09090b;border:1px solid #353537;border-radius:.75rem;color:#fff;font-size:1rem;transition:all .3s ease;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:#9c5de4;box-shadow:0 0 0 2px #9c5de433}.form-group textarea{min-height:15rem}.send-btn{width:100%;padding:.875rem;background-color:#9c5de4;color:#fff;border:none;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.send-btn:hover:not(:disabled){background-color:#b17cf0;transform:translateY(-2px)}.send-btn:disabled{opacity:.7;cursor:not-allowed}.status-banner{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.125rem;border-radius:.75rem;font-size:.95rem;margin-bottom:1.5rem;line-height:1.4}.status-success{background-color:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#4ade80}.status-error{background-color:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.info-item{display:flex;align-items:center;gap:1rem;background:#161617;border:1px solid #353537;border-radius:1.25rem;padding:1.25rem;transition:all .3s ease}.info-item:hover{border-color:#9c5de4;transform:translate(5px)}.info-icon{flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#9c5de41a;border-radius:.75rem;color:#9c5de4}.info-icon svg{width:1.5rem;height:1.5rem}.info-content{flex-grow:1;overflow:hidden}.info-content p:first-child{color:#8e8d8d;font-size:.85rem;margin-bottom:.25rem}.info-content p:last-child{font-weight:500;font-size:.95rem;color:#eae7e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-icon{flex-shrink:0;margin-left:.5rem;color:#8e8d8d;cursor:pointer;transition:color .2s ease}.copy-icon:hover{color:#9c5de4}.social-section h2{font-size:1.5rem;font-family:Exo,sans-serif;margin-bottom:1.5rem;font-weight:700}.social-links{display:flex;flex-wrap:wrap;gap:1rem}.social-btn{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:#161617;border:1px solid #353537;border-radius:1rem;color:#8e8d8d;transition:all .3s ease}.social-btn:hover{border-color:#9c5de4;color:#9c5de4;transform:translateY(-5px)}@media(max-width:480px){.Contact{padding:3rem 1rem}.card{padding:1.5rem}.info-item{padding:1rem}}.ProjectCard{background-color:#1a1a1a;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #333}.ProjectCard:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:#444}.image-section{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.image-section img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ProjectCard:hover .image-section img{transform:scale(1.05)}.links{position:absolute;top:10px;right:10px;display:flex;gap:10px}.links a{background:#0009;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.links a:hover{background:#a78bfa}.links img{width:20px;height:20px}.content-section{padding:24px;display:flex;flex-direction:column;flex-grow:1}.title{font-size:1.5rem;font-weight:600;margin-bottom:12px;color:#f3f4f6}.description{font-size:16px;line-height:1.5;color:#9ca3af;margin-bottom:20px;flex-grow:1}.techstack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.view_project{display:inline-flex;align-items:center;gap:8px;color:#a78bfa;text-decoration:none;font-weight:500;font-size:16px;transition:color .3s ease}.view-project:hover{color:#c4b5fd}.view_project svg{transition:transform .3s ease}.view_project:hover svg{transform:translate(2px,-2px)}.tech-pill{background-color:#2a2a2a;color:#d1d5db;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid #444;white-space:nowrap}.Project-section{background-color:#0d0d0d;color:#fff;padding:4rem 1rem;min-height:100vh}@media(min-width:768px){.Project-section{padding:6rem 5%}}.Project-header{margin-bottom:3rem;max-width:800px}.Project-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#9333ea;margin-bottom:1rem}.Project-description{font-size:1.125rem;line-height:1.6;color:#9ca3af}.Project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;justify-content:center}@media(max-width:480px){.Project-grid{grid-template-columns:1fr}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-purple-500:oklch(62.7% .265 303.9);--spacing:.25rem;--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.flex{display:flex}.grow{flex-grow:1}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-purple-500{color:var(--color-purple-500)}}.header{position:sticky;top:0;z-index:100;background-color:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav{border-bottom:1px solid #1f1f1f;padding:.75rem 1rem}.nav-container{max-width:80rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;color:#9333ea;font-size:1.5rem}.menu-toggle{display:block;background:none;border:none;color:#eae7e7;cursor:pointer;padding:.5rem;z-index:101}.menu-toggle svg{width:2rem;height:2rem}.nav-links-wrapper{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#0d0d0de6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:right .3s ease-in-out;padding:6rem 2rem;display:flex;flex-direction:column;z-index:99}.nav-links-wrapper.open{right:0}@media(min-width:1024px){.menu-toggle{display:none}.nav-links-wrapper{position:static;width:auto;height:auto;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;flex-direction:row;z-index:auto}}.nav-links{display:flex;flex-direction:column;gap:1.5rem;font-weight:500;list-style:none}@media(min-width:1024px){.nav-links{flex-direction:row;gap:2rem}}.nav-link{color:#b3b3b3;text-decoration:none;transition:color .3s ease;font-size:1.125rem}.nav-link:hover{color:#9333ea}.nav-link.active{color:#9c5de4;border-bottom:2px solid #9c5de4;padding-bottom:4px}footer{background-color:#000;color:#eae7e7;border-top:1px solid #1f1f1f}.footer{padding:4rem 1.5rem;display:flex;flex-direction:column;gap:3rem;max-width:1200px;margin:0 auto}@media(min-width:1024px){.footer{flex-direction:row;justify-content:space-between;padding:4rem 5%}}.footer-me h2{color:#9c5de4;font-weight:800;font-size:1.5rem;margin-bottom:1.5rem}.footer-me p{font-size:1rem;line-height:1.6;color:#bab9b9}.social{display:flex;gap:1.5rem;margin-top:2rem}.social a img{width:1.5rem;height:1.5rem;transition:transform .3s ease}.social a:hover img{transform:translateY(-3px)}.Navigation h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.footer-nav{list-style:none;padding:0}.footer-nav li{font-size:1rem;margin-bottom:.75rem}.footer-nav li:before{content:"→";color:#a855f7;margin-right:.5rem}.contact h1{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.contact p{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#bab9b9}.phone,.email{width:1.25rem;height:1.25rem}