#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{width:100%;padding:15px;border-radius:12px;margin-bottom:15px}.read-the-docs{color:#888}.app-container{max-width:100%;padding:0 10px;margin:0 auto;min-height:100vh;position:relative;overflow-x:hidden}.gradient-background{position:fixed;top:0;left:0;right:0;height:550px;z-index:-1;background:var(--geist-background);overflow:hidden}.gradient-background:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(121,40,202,.3) 0%,rgba(0,0,0,0) 70%);filter:blur(50px)}.gradient-background:after{content:"";position:absolute;top:-150px;left:30%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,0,128,.2) 0%,rgba(0,0,0,0) 70%);filter:blur(50px)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-bottom:24px}.logo{color:var(--geist-foreground)}.app-content{margin-bottom:80px;padding:10px 0}.app-navigation{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background-color:#050505cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--geist-accent-2);padding:12px 0;z-index:100}.nav-button{display:flex;flex-direction:column;align-items:center;background:transparent;border:none;color:var(--geist-accent-5);font-size:12px;padding:8px 12px;cursor:pointer;transition:all .2s}.nav-button span{margin-top:4px}.nav-button.active,.nav-button:hover{color:var(--geist-foreground)}.section{animation:fadeIn .3s ease-in-out;padding:16px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header{margin-bottom:32px;text-align:center}h1{font-size:2.5rem;margin-bottom:16px;font-weight:700}h2{font-size:1.8rem;margin-bottom:8px;font-weight:600}.highlight{background:linear-gradient(90deg,var(--geist-highlight-purple),var(--geist-highlight-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.subtitle{font-size:1.2rem;color:var(--geist-accent-5);margin-bottom:24px}.section-description{color:var(--geist-accent-5);margin-bottom:24px;text-align:center}.about-card{margin-bottom:24px}.about-content{display:flex;flex-direction:column;gap:16px}.about-content p{line-height:1.6}.info-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.info-link{display:flex;align-items:center;gap:8px;padding:10px;border-radius:var(--geist-radius);background-color:var(--geist-accent-1);color:var(--geist-foreground);text-decoration:none;transition:all .2s}.info-link:hover{background-color:var(--geist-accent-2);text-decoration:none}.projects-grid{display:grid;grid-template-columns:1fr;gap:24px}.project-card{overflow:hidden;display:flex;flex-direction:column;height:100%}.project-image-container{position:relative;width:100%;height:200px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-image-overlay{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.project-card:hover .project-image{transform:scale(1.05)}.project-content{padding:16px;flex-grow:1;display:flex;flex-direction:column}.project-content h3{margin-bottom:8px}.project-content p{margin-bottom:16px;flex-grow:1}.project-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.technology-tag{font-size:12px;padding:4px 8px;border-radius:var(--geist-radius);background-color:var(--geist-accent-1);color:var(--geist-accent-5)}.skills-container{display:grid;grid-template-columns:1fr;gap:20px}.skills-card{height:100%}.skills-card h3{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--geist-accent-2)}.skills-list{display:flex;flex-direction:column;gap:12px}.skill-item{display:flex;align-items:center}.skill-info{flex-grow:1;display:flex;justify-content:space-between;align-items:center}.skill-name{font-weight:500}.skill-level{display:flex;gap:4px}.skill-level-dot{width:8px;height:8px;border-radius:50%;background-color:var(--geist-accent-2)}.skill-level-dot.active{background-color:var(--geist-success)}.contact-card{margin-bottom:24px}.contact-content{text-align:center}.contact-intro{font-size:1.1rem;line-height:1.6;margin-bottom:32px}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.contact-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background-color:var(--geist-accent-1);border-radius:var(--geist-radius);text-decoration:none;color:var(--geist-foreground);font-weight:500;transition:all .2s;border:1px solid var(--geist-accent-2)}.contact-link:hover{border-color:var(--geist-accent-4);box-shadow:var(--geist-shadow-small);text-decoration:none}.thank-you{margin-top:32px;font-style:italic;color:var(--geist-accent-5)}.theme-toggle-container{display:flex;align-items:center}@media (max-width: 480px){.app-container{padding:0 2px}#root{padding:.5rem}.card{padding:10px;border-radius:8px}.app-content{padding:5px 0}.project-content{padding:10px}.project-details-card{padding:12px}.project-details-container{padding:8px 0;margin:0 -2px;width:calc(100% + 4px)}.project-details-image-container{margin:0 0 12px;border-radius:0;height:200px}.project-details-card{border-radius:0;margin:0;width:100%}.project-full-description{margin:12px 0;font-size:.95rem}.project-full-description h2{font-size:1.3rem;margin-top:20px;margin-bottom:10px}.project-full-description h3{font-size:1.1rem;margin-top:16px;margin-bottom:8px}.screenshots-carousel{margin:0 -10px;width:calc(100% + 20px)}.skills-list{gap:8px}.skill-item{font-size:.9rem}.skill-level-dot{width:6px;height:6px}}@media (min-width: 481px) and (max-width: 768px){.app-container{padding:0 5px}#root{padding:1rem}.project-details-container{padding:12px 0}.project-details-card{padding:16px}}@media (min-width: 769px){.app-container{max-width:800px;padding:0 20px}.project-details-container{max-width:800px;margin:0 auto}.projects-grid{grid-template-columns:1fr 1fr;gap:24px}.skills-container{grid-template-columns:1fr 1fr}}:root.light-theme .gradient-circle.red{background-color:#e93f3f6e}:root.light-theme .gradient-circle.blue{background-color:#3f64e96e}:root.light-theme .gradient-circle.yellow{background-color:#ffb8006e}.project-details-container{padding:16px 0;width:100%}.project-details-header{display:flex;align-items:center;margin-bottom:24px}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--geist-foreground);cursor:pointer;padding:8px 0;margin-right:16px}.project-details-image-container{width:100%;height:240px;border-radius:var(--geist-radius);overflow:hidden;margin-bottom:24px}.project-details-image{width:100%;height:100%;object-fit:cover}.project-details-card{padding:24px}.project-full-description{margin:24px 0}.project-full-description h2{font-size:1.5rem;margin-bottom:16px;margin-top:32px}.project-full-description h3{font-size:1.2rem;margin-bottom:12px;margin-top:24px}.project-full-description p{margin-bottom:16px;line-height:1.6}.project-full-description li{margin-bottom:8px;margin-left:20px}.project-details-actions{margin-top:24px;display:flex;justify-content:center}.project-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);box-shadow:var(--geist-shadow-medium)}.services-list{text-align:left;margin:16px 0;padding-left:20px}.services-list li{margin-bottom:8px;color:var(--geist-foreground)}.project-description{text-align:left;padding:0 8px}.project-section-title{font-size:1.8rem;margin-bottom:16px;color:var(--geist-foreground);border-bottom:1px solid var(--geist-accent-2);padding-bottom:8px}.project-subsection-title{font-size:1.4rem;margin-top:24px;margin-bottom:12px;color:var(--geist-foreground)}.project-text{margin-bottom:16px;line-height:1.6;color:var(--geist-foreground)}.project-list{margin:0;padding-left:20px;list-style-type:disc}.project-list-item{margin-bottom:8px;line-height:1.5;color:var(--geist-foreground)}.geist-card{background-color:var(--geist-background);border-radius:var(--geist-radius);padding:20px;border:1px solid var(--geist-accent-2);transition:all .2s}.geist-card.with-shadow{box-shadow:var(--geist-shadow-small)}.geist-card:hover.with-shadow{box-shadow:var(--geist-shadow-medium)}.geist-button{border-radius:var(--geist-radius);font-weight:500;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent}.geist-button.primary{background:var(--geist-success);color:#fff}.geist-button.secondary{background:transparent;color:var(--geist-foreground);border:1px solid var(--geist-accent-2)}.geist-button.ghost{background:transparent;color:var(--geist-foreground)}.geist-button.small{padding:0 12px;height:32px;font-size:14px}.geist-button.medium{padding:0 16px;height:40px;font-size:14px}.geist-button.large{padding:0 24px;height:48px;font-size:16px}.geist-button:hover{box-shadow:var(--geist-shadow-small)}.geist-button.primary:hover{background:var(--geist-success);opacity:.9}.geist-button.secondary:hover{border-color:var(--geist-accent-4)}.geist-button.ghost:hover{background:var(--geist-accent-1)}.geist-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.theme-toggle{background:transparent;border:none;color:var(--geist-foreground);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle:hover{background:var(--geist-accent-1)}.phone-mockup{position:relative;width:280px;height:570px;margin:20px auto}.phone-body{position:absolute;top:0;left:0;width:100%;height:100%}.phone-screen-background{position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);background-color:#000;border-radius:40px;border:3px solid rgba(37,36,41,1);box-shadow:inset 0 0 5px #252429}.phone-stroke-outside{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:40px;border:1px solid rgba(46,45,51,1);box-shadow:inset 0 0 2px #525157}.phone-screen{position:absolute;top:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px);overflow:hidden}.phone-screen-mask{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden}.phone-screenshot{width:100%;height:100%;object-fit:cover;object-position:top}.phone-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:120px;height:25px;background-color:#000;border-radius:0 0 15px 15px;z-index:10}.phone-top-speaker{position:absolute;top:5px;left:50%;transform:translate(-50%);width:40px;height:5px;background-color:#0a0a0a;border-radius:5px;border:1px solid #0d0d0d;box-shadow:inset 0 0 2px #000c}.phone-front-camera{position:absolute;top:10px;left:20px;width:10px;height:10px;border-radius:50%;border:1px solid rgba(18,18,18,1);box-shadow:0 0 1px #120604}.phone-camera-lens{position:absolute;top:2px;left:2px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,rgba(31,57,90,1) 50%,rgba(13,21,40,1) 100%);border:.2px solid rgba(8,15,33,1)}.phone-buttons{position:absolute;width:100%;height:100%}.phone-button{position:absolute;background:linear-gradient(90deg,rgba(102,101,107,1) 5%,rgba(65,64,70,1) 16%,rgba(65,64,70,1) 83%,rgba(102,101,107,1) 91%);border:1px solid rgba(62,59,66,1);border-radius:1px}.phone-button-power{right:-3px;top:200px;width:3px;height:70px}.phone-button-volume-up{left:-3px;top:180px;width:3px;height:40px}.phone-button-volume-down{left:-3px;top:240px;width:3px;height:40px}.phone-button-silence{left:-3px;top:130px;width:3px;height:20px}.screenshots-carousel{display:flex;flex-direction:column;align-items:center;margin:30px 0}.screenshots-title{margin-bottom:20px;font-size:1.4rem;color:var(--geist-foreground)}.screenshots-navigation{display:flex;justify-content:center;margin-top:15px;gap:10px}.screenshot-dot{width:10px;height:10px;border-radius:50%;background-color:var(--geist-accent-3);cursor:pointer;transition:all .2s}.screenshot-dot.active{background-color:var(--geist-success);transform:scale(1.2)}.screenshot-caption{margin-top:15px;text-align:center;color:var(--geist-foreground);font-size:.9rem;max-width:280px}:root{--geist-foreground: #000;--geist-background: #fff;--geist-selection: #79ffe1;--geist-secondary: #666;--geist-accent-1: #fafafa;--geist-accent-2: #eaeaea;--geist-accent-3: #999;--geist-accent-4: #888;--geist-accent-5: #666;--geist-accent-6: #444;--geist-accent-7: #333;--geist-accent-8: #111;--geist-success: #0070f3;--geist-error: #e00;--geist-warning: #f5a623;--geist-violet: #7928ca;--geist-cyan: #50e3c2;--geist-highlight-purple: #f81ce5;--geist-highlight-magenta: #eb367f;--geist-highlight-pink: #ff0080;--geist-radius: 5px;--geist-shadow-small: 0 5px 10px rgba(0, 0, 0, .12);--geist-shadow-medium: 0 8px 30px rgba(0, 0, 0, .12);--geist-shadow-large: 0 30px 60px rgba(0, 0, 0, .12);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--geist-foreground);background-color:var(--geist-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}:root.light-theme{--geist-foreground: #000;--geist-background: #f8f8f8;--geist-selection: #79ffe1;--geist-secondary: #666;--geist-accent-1: #fafafa;--geist-accent-2: #eaeaea;--geist-accent-3: #999;--geist-accent-4: #888;--geist-accent-5: #666;--geist-accent-6: #444;--geist-accent-7: #333;--geist-accent-8: #111;--geist-success: #0070f3;--geist-error: #e00;--geist-warning: #f5a623;--geist-violet: #7928ca;--geist-violet-light: #8a63d2;--geist-violet-dark: #4c2889;--geist-cyan: #50e3c2;--geist-cyan-light: #79ffe1;--geist-cyan-dark: #29bc9b;--geist-highlight-purple: #f81ce5;--geist-highlight-magenta: #eb367f;--geist-highlight-pink: #ff0080;--geist-highlight-yellow: #fff500;--geist-code: #f81ce5;--geist-border-radius: 5px;--geist-shadow-small: 0 5px 10px rgba(0, 0, 0, .12);--geist-shadow-medium: 0 8px 30px rgba(0, 0, 0, .12);--geist-shadow-large: 0 30px 60px rgba(0, 0, 0, .12);--geist-shadow-hover: 0 30px 60px rgba(0, 0, 0, .12);--geist-shadow-sticky: 0 12px 10px -10px rgba(0, 0, 0, .12);--geist-marketing-gray: #fafbfc;--geist-radius: 5px}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.25;color:var(--geist-foreground);font-weight:600}p{color:var(--geist-secondary)}a{font-weight:500;color:var(--geist-success);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}@media (prefers-color-scheme: dark){:root{--geist-foreground: #fff;--geist-background: #000;--geist-accent-1: #111;--geist-accent-2: #333;--geist-accent-3: #444;--geist-accent-4: #666;--geist-accent-5: #888;--geist-accent-6: #999;--geist-accent-7: #eaeaea;--geist-accent-8: #fafafa;--geist-success: #0070f3}}:root.dark-theme{--geist-background: #000;--geist-foreground: #fff;--geist-accent-1: #111;--geist-accent-2: #333;--geist-accent-3: #444;--geist-accent-4: #666;--geist-accent-5: #888;--geist-success: #0070f3;--geist-highlight-purple: #7928ca;--geist-highlight-pink: #ff0080;--geist-radius: 5px;--geist-shadow-small: 0 5px 10px rgba(0, 0, 0, .12);--geist-shadow-medium: 0 8px 30px rgba(0, 0, 0, .12)}:root.light-theme{--geist-background: #fff;--geist-foreground: #000;--geist-accent-1: #fafafa;--geist-accent-2: #eaeaea;--geist-accent-3: #999;--geist-accent-4: #666;--geist-accent-5: #444;--geist-success: #0070f3;--geist-highlight-purple: #8a3ffc;--geist-highlight-pink: #e6007e;--geist-radius: 5px;--geist-shadow-small: 0 5px 10px rgba(0, 0, 0, .12);--geist-shadow-medium: 0 8px 30px rgba(0, 0, 0, .12)}:root.dark-theme .gradient-circle.red{background-color:#e93f3f33;filter:blur(50px)}:root.dark-theme .gradient-circle.blue{background-color:#3f64e933;filter:blur(50px)}:root.dark-theme .gradient-circle.yellow{background-color:#ffb80033;filter:blur(50px)}:root.light-theme .gradient-circle.red{background-color:#e93f3f4d;filter:blur(40px)}:root.light-theme .gradient-circle.blue{background-color:#3f64e94d;filter:blur(40px)}:root.light-theme .gradient-circle.yellow{background-color:#ffb8004d;filter:blur(40px)}:root.dark-theme .gradient-background{background-color:var(--geist-background)}:root.light-theme .gradient-background{background-color:var(--geist-background)}:root.light-theme .project-card,:root.light-theme .about-card,:root.light-theme .skills-card,:root.light-theme .contact-card{background-color:var(--geist-accent-1);box-shadow:var(--geist-shadow-small)}:root.light-theme .app-navigation{background-color:#fffc;border-top:1px solid var(--geist-accent-2)}:root.light-theme{color:var(--geist-foreground)}:root.dark-theme{color:var(--geist-foreground)}:root.light-theme .gradient-background:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(121,40,202,.1) 0%,rgba(0,0,0,0) 70%);filter:blur(50px)}:root.light-theme .gradient-background:after{content:"";position:absolute;top:-150px;left:30%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,0,128,.1) 0%,rgba(0,0,0,0) 70%);filter:blur(50px)}