:root{--primary-dark:#1a365d;--primary-medium:#2d3748;--primary-light:#4a5568;--accent-blue:#3182ce;--accent-blue-hover:#2c5282;--bg-white:#fff;--bg-light:#f7fafc;--border-light:#e2e8f0;--border-medium:#cbd5e0;--border-accent:#3182ce4d;--text-dark:#1a202c;--text-medium:#4a5568;--text-light:#718096;--text-white:#fff}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-image:url(../../static/media/cloud.bb3e74839c533706c2d8.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;color:#1a202c;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body:before{background:#ffffffd9;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{margin:0 auto;max-width:1200px}.about,.experience,.footer,.header,.projects,.skills,.social{border-radius:0;padding:60px 25px 40px;transition:all .3s ease}.about,.header{position:relative}.about{margin-top:20px}.skills{margin-top:30px;position:relative}.projects{margin-top:40px;position:relative}.experience{margin-top:30px;position:relative}.social{margin-top:20px}.footer,.social{position:relative}.footer{margin-top:10px}.header{align-items:center;display:flex;gap:60px;justify-content:center;padding:80px 25px 60px;text-align:left}.header img{border:6px solid #fff;border:6px solid var(--bg-white);border-radius:50%;box-shadow:0 12px 40px #00000026;flex-shrink:0;height:280px;object-fit:cover;transition:all .3s ease;width:280px}.header img:hover{border-color:#3182ce4d;box-shadow:0 16px 50px #3182ce40;transform:scale(1.03)}.header__content{flex:1 1;max-width:500px}.header__content h1{color:#1a365d;color:var(--primary-dark);font-size:clamp(40px,4vw,52px);font-weight:700;line-height:1.1;margin-bottom:20px;text-align:left}.header__content p{color:#4a5568;color:var(--text-medium);font-size:clamp(22px,2.5vw,28px);font-weight:400;line-height:1.3;margin-bottom:32px;text-align:left}.header__content button{margin:0}.about h2{color:#1a365d;color:var(--primary-dark);font-size:42px;font-weight:700;margin:25px auto;text-align:center}.about__content{margin:0 auto;max-width:800px}.about__content p{color:#1a202c;color:var(--text-dark);font-size:18px;line-height:1.6;margin-bottom:20px;text-align:justify}.about__content p strong{color:#3182ce;color:var(--accent-blue);font-weight:600}.about__content p:last-child{margin-bottom:0}.projects h2{color:#1a365d;color:var(--primary-dark);font-size:42px;font-weight:700;margin:25px auto;text-align:center}.projects p{font-size:18px;line-height:130%;max-width:50ch}.projects__cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));justify-items:center}.projects__card{background-color:#ffffff1a;border:1px solid #3182ce;border:1px solid var(--accent-blue);border-radius:8px;display:flex;flex-direction:column;max-width:380px;min-height:450px;padding:25px;transition:all .3s ease;width:100%}.projects__card:hover{background-color:#fff3;box-shadow:0 8px 25px #3182ce26;transform:translateY(-5px)}.projects__card h3{color:#1a365d;color:var(--primary-dark);font-size:28px;font-weight:600;margin-bottom:15px}.projects__card p{flex-grow:1;font-size:16px;line-height:1.5;margin:15px 0;text-align:justify}.projects__card img{background-color:#f8f9fa;border-radius:6px;margin:10px 0 15px;max-height:180px;object-fit:cover;width:100%}.projects__card img.monolith-image{background-color:#fff;object-fit:contain}.projects__card .button{font-size:14px;margin:8px 8px 0 0;padding:8px 16px}.experience h2{color:#1a365d;color:var(--primary-dark);font-size:42px;font-weight:700;margin:25px auto;text-align:center}.experience__content{margin:0 auto;max-width:1000px;padding:0 20px}.experience__section{margin-bottom:40px}.experience__section h3{color:#08b;font-size:28px;font-weight:600;margin-bottom:25px;position:relative;text-align:center}.experience__section h3:after{background:linear-gradient(90deg,#0000,#08b,#0000);bottom:-8px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.experience__item{background:#ffffffe6;border:1px solid #08b3;border-radius:12px;box-shadow:0 3px 12px #0088bb14;margin-bottom:20px;padding:25px;transition:all .3s ease}.experience__item:hover{border-color:#0088bb4d;box-shadow:0 6px 20px #0088bb1f;transform:translateY(-2px)}.experience__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px}.experience__header h4{color:#08b;flex:1 1;font-size:20px;font-weight:600;margin:0}.experience__period{background:#0088bb1a;border-radius:15px;color:#666;font-size:14px;font-weight:500;padding:4px 12px;white-space:nowrap}.experience__institution{color:#08b;font-size:16px;font-style:italic;font-weight:500;margin-bottom:12px}.experience__details{color:#333;line-height:1.6}.experience__details p{font-size:15px;margin:8px 0}.experience__details p:last-child{margin-bottom:0}.experience__highlights{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.highlight{background:linear-gradient(135deg,#0088bb26,#0088bb14);border:1px solid #08b3;border-radius:20px;color:#08b;font-size:13px;font-weight:500;padding:6px 12px}.experience__achievements{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.achievement{background:linear-gradient(135deg,#0088bb14,#0088bb0a);border:1px solid #08b3;border-radius:8px;font-size:14px;line-height:1.4;padding:15px;transition:all .3s ease}.achievement:hover{background:linear-gradient(135deg,#0088bb1f,#0088bb0f);border-color:#0088bb4d;transform:translateY(-1px)}.achievement strong{color:#08b;display:block;margin-bottom:4px}.social,.social h2{text-align:center}.social h2{color:#1a365d;color:var(--primary-dark);font-size:42px;font-weight:700;margin:25px auto}.social .button{display:inline-block;margin:15px 10px}.footer{margin:0 auto;text-align:center}.footer__content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.button{background:#fff;background:var(--bg-white);border:2px solid #3182ce;border:2px solid var(--accent-blue);border-radius:8px;box-shadow:0 2px 8px #3182ce26;color:#1a365d;color:var(--primary-dark);cursor:pointer;display:inline-block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;font-size:16px;font-weight:600;margin:20px 0;padding:15px 30px;text-decoration:none;transition:all .3s ease}.button:hover{background:#3182ce;background:var(--accent-blue);border-color:#2c5282;border-color:var(--accent-blue-hover);box-shadow:0 4px 16px #3182ce40;color:#fff;color:var(--text-white);transform:translateY(-2px)}.skills h2{color:#1a365d;color:var(--primary-dark);font-size:42px;font-weight:700;margin:25px auto;text-align:center}.skills__content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;margin:0 auto;max-width:1000px;padding:0 20px}.skills__section{margin-bottom:30px}.skills__section-header{margin-bottom:25px;text-align:center}.skills__section-title{color:#08b;font-size:28px;font-weight:600;margin-bottom:6px}.skills__section-subtitle{color:#666;font-size:15px;font-style:italic;margin:0}.skills__category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #0088bb4d;border-radius:10px;box-shadow:0 3px 12px #0088bb14;margin-bottom:20px;padding:20px 25px;transition:all .3s ease}.skills__category:hover{border-color:#08b6;box-shadow:0 6px 20px #0088bb1f;transform:translateY(-1px)}.skills__category h3{color:#08b;font-size:20px;font-weight:600;margin-bottom:15px;position:relative;text-align:center}.skills__category h3:after{background:linear-gradient(90deg,#0000,#08b,#0000);bottom:-6px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.skills__tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.skill-tag,.skill-wrapper{display:inline-block;position:relative}.skill-tag{background:linear-gradient(135deg,#0088bb1a,#0088bb0d);border:2px solid #0000;border-radius:20px;color:#08b;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;text-decoration:none;transition:all .3s ease}.skill-tag.hard-skill{background:linear-gradient(135deg,#0088bb26,#0088bb14);border-color:#0088bb4d}.skill-tag.soft-skill{background:linear-gradient(135deg,#0088bb1f,#0088bb0f);border-color:#0088bb40;color:#069}.skill-tag:hover{box-shadow:0 4px 15px #08b3;transform:translateY(-2px) scale(1.03)}.skill-tag.hard-skill:hover{background:linear-gradient(135deg,#0088bb40,#0088bb26);border-color:#08b;color:#fff}.skill-tag.soft-skill:hover{background:linear-gradient(135deg,#0088bb38,#0088bb1f);border-color:#069;color:#fff}.skill-tooltip{animation:tooltipFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2d2d2df5;border-radius:6px;bottom:110%;box-shadow:0 3px 12px #0000004d;color:#fff;font-size:12px;line-height:1.3;max-width:280px;padding:10px 14px;white-space:normal;z-index:1000}.skill-tooltip,.skill-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.skill-tooltip:after{border:5px solid #0000;border-top-color:#2d2d2df5;content:"";top:100%}.skill-tooltip p{font-weight:400;margin:0}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.skills__category{animation:categorySlideIn .6s ease-out}.skills__category:first-child{animation-delay:.1s}.skills__category:nth-child(2){animation-delay:.2s}.skills__category:nth-child(3){animation-delay:.3s}@keyframes categorySlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.skill-tooltip{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#333333fa;border-radius:12px;bottom:20px;font-size:14px;left:10px;max-width:none;padding:15px 20px;position:fixed;right:10px;transform:none;z-index:2000}.skill-tooltip:after{display:none}.skill-tooltip:before{content:"Tap anywhere to close";display:block;font-size:11px;font-style:italic;margin-top:8px;opacity:.7;text-align:center}}.airship-journey{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));height:80px;pointer-events:none;position:fixed;transition:all 3s ease-in-out;width:120px;z-index:10}.airship-journey img{height:100%;object-fit:contain;width:100%}.airship-legend{animation:legendFadeIn .8s ease-out,legendFadeOut .8s ease-in 2.2s forwards;background:#0088bbe6;border-radius:20px;box-shadow:0 4px 15px #0088bb4d;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;left:130px;min-width:200px;padding:12px 16px;position:absolute;top:10px}.legend-text{font-size:16px;font-weight:600;margin-bottom:4px;text-align:center}.legend-subtitle{font-size:12px;font-style:italic;font-weight:300;opacity:.9;text-align:center}.airship-legend:before{border:8px solid #0000;border-right-color:#0088bbe6;content:"";left:-8px;position:absolute;top:50%;transform:translateY(-50%)}@keyframes legendFadeIn{0%{opacity:0;transform:translateX(-20px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes legendFadeOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(20px) scale(.8)}}.header{background:linear-gradient(180deg,#fff6,#87ceeb26)}.about,.header{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.about{background:linear-gradient(180deg,#87ceeb26,#0088bb2e)}.skills{background:linear-gradient(180deg,#0088bb2e,#0088bb38)}.projects,.skills{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.projects{background:linear-gradient(180deg,#0088bb38,#0088bb40)}.experience{background:linear-gradient(180deg,#0088bb40,#0088bb38)}.experience,.social{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.social{background:linear-gradient(180deg,#0088bb38,#0088bb2e)}.footer{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(180deg,#0088bb2e,#fff6)}html{scroll-behavior:smooth}@media (max-width:768px){.airship-journey{height:60px;width:80px}.airship-legend{left:85px;min-width:160px;padding:8px 12px}.legend-text{font-size:14px}.legend-subtitle{font-size:11px}}.web3-badge{cursor:pointer;display:inline-block;position:relative;z-index:100}.web3-badge__content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0088bb1a,#0088bb0d);border:1px solid #0088bb4d;border-radius:20px;display:flex;gap:8px;padding:8px 16px;transition:all .3s ease}.web3-badge__content:hover{background:linear-gradient(135deg,#08b3,#0088bb1a);border-color:#0088bb80;box-shadow:0 4px 15px #08b3;transform:translateY(-1px)}.web3-badge__icon{animation:pulse 2s infinite;font-size:16px}.web3-badge__text{color:#08b;font-size:13px;font-weight:500}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.web3-badge__tooltip{animation:tooltipSlideIn .3s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border:1px solid #08b3;border-radius:12px;bottom:100%;box-shadow:0 8px 32px #0000001a;margin-bottom:12px;max-width:400px;min-width:320px;padding:0;position:absolute;right:0;z-index:1000}.web3-badge__tooltip:after{border:8px solid #0000;border-top-color:#fffffff2;content:"";position:absolute;right:24px;top:100%}.tooltip__content{padding:20px}.tooltip__content h4{align-items:center;color:#08b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.tooltip__content p{color:#333;font-size:14px;line-height:1.5;margin:0 0 12px}.tooltip__content p:last-of-type{margin-bottom:16px}.tooltip__features{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.feature{background:#0088bb0d;border:1px solid #0088bb1a;border-radius:6px;color:#666;font-size:12px;font-weight:500;padding:6px 10px;text-align:center}.tooltip__links{margin-top:16px;text-align:center}.tooltip__links a{background:linear-gradient(135deg,#08b,#06a);border:1px solid #0088bb4d;border-radius:6px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.tooltip__links a:hover{background:linear-gradient(135deg,#06a,#048);box-shadow:0 4px 12px #0088bb4d;transform:translateY(-1px)}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.web3-badge__tooltip{left:-20px;max-width:none;min-width:auto;right:-20px}.web3-badge__tooltip:after{right:50%;transform:translateX(50%)}.tooltip__features{grid-template-columns:1fr}.web3-badge__text{display:none}.web3-badge__content{padding:8px 12px}}@media (max-width:1024px){.header{flex-direction:column;gap:30px;padding:60px 25px 50px;text-align:center}.header__content{max-width:600px}.header__content h1,.header__content p{text-align:center}.header img{height:220px;width:220px}}@media (max-width:768px){.header{gap:25px;padding:50px 15px 40px}.header img{border-width:4px;height:180px;width:180px}.header__content h1{margin-bottom:16px}.header__content p{margin-bottom:24px}.about__content{padding:0 10px}.about__content p{font-size:16px;text-align:left}.social .button{display:block;font-size:14px;margin:8px auto;max-width:280px;padding:12px 20px}}@media (max-width:480px){.header{gap:20px;padding:40px 15px 30px}.header img{border-width:3px;height:150px;width:150px}.header__content{max-width:100%}}