@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}#root{width:100%;margin:0 auto}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}::selection{background:#667eea4d;color:#333}::-moz-selection{background:#667eea4d;color:#333}button:focus,.btn:focus{outline:2px solid #667eea;outline-offset:2px}h4{color:#fff}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(102,126,234,.1);transition:all .3s ease}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{text-decoration:none}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-list{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-link{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover{color:#667eea}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.nav-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem;gap:4px}.hamburger span{width:25px;height:3px;background:#333;transition:all .3s ease;border-radius:2px}.hamburger-open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-open span:nth-child(2){opacity:0}.hamburger-open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.hamburger{display:flex}.nav{position:absolute;top:100%;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(102,126,234,.1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-open{transform:translateY(0);opacity:1;visibility:visible}.nav-list{flex-direction:column;gap:0;padding:1rem 0}.nav-list li{border-bottom:1px solid rgba(102,126,234,.1)}.nav-list li:last-child{border-bottom:none}.nav-link{display:block;padding:1rem 2rem}.nav-link:after{display:none}}.footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 0 1rem;margin-top:auto;position:relative;z-index:10}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.footer-description{opacity:.9;line-height:1.6}.footer-subtitle{font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-link{color:#fff;text-decoration:none;opacity:.9;transition:opacity .3s ease}.footer-link:hover{opacity:1}.social-links{display:flex;flex-direction:column;gap:.5rem}.social-link{color:#fff;text-decoration:none;opacity:.9;transition:opacity .3s ease;display:flex;align-items:center;gap:.5rem}.social-link:hover{opacity:1}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:1rem;text-align:center;opacity:.8}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-container{padding:0 1rem}}.btn{border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#fff;color:#667eea;box-shadow:0 4px 15px #0003}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover:not(:disabled){background:#fff;color:#667eea;transform:translateY(-2px)}.btn-outline{background:transparent;color:#667eea;border:2px solid #667eea}.btn-outline:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-2px)}.btn-ghost{background:transparent;color:#667eea;border:none}.btn-ghost:hover:not(:disabled){background:#667eea1a;transform:translateY(-2px)}.btn-small{padding:8px 16px;font-size:.875rem}.btn-medium{padding:12px 24px;font-size:1rem}.btn-large{padding:16px 32px;font-size:1.125rem}.btn:focus{outline:2px solid #667eea;outline-offset:2px}.greek-background-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460,#533483,#7209b7)}.greek-background{position:relative;width:100%;height:100%}.greek-background-blur{filter:blur(4px)}.section-transitions{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.transition-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease,background 1s ease;mix-blend-mode:multiply}.greek-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 160px 30px,#ddd,transparent),radial-gradient(2px 2px at 200px 60px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 240px 20px,#fff,transparent),radial-gradient(1px 1px at 280px 70px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 320px 40px,#eee,transparent),radial-gradient(2px 2px at 360px 80px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 400px 30px,#fff,transparent),radial-gradient(1px 1px at 440px 60px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 480px 20px,#ddd,transparent),radial-gradient(2px 2px at 520px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 560px 40px,#fff,transparent),radial-gradient(1px 1px at 600px 80px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 640px 30px,#eee,transparent),radial-gradient(2px 2px at 680px 60px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 720px 20px,#fff,transparent),radial-gradient(1px 1px at 760px 70px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 800px 40px,#ddd,transparent),radial-gradient(2px 2px at 840px 80px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 880px 30px,#fff,transparent),radial-gradient(1px 1px at 920px 60px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 960px 20px,#eee,transparent),radial-gradient(2px 2px at 1000px 70px,rgba(255,255,255,.8),transparent);background-repeat:repeat;background-size:100px 100px;animation:twinkle 4s ease-in-out infinite;opacity:.3}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.6}}.home-bg .colosseum{position:absolute;bottom:0;right:0;width:60%;height:50%}.colosseum-base{position:absolute;bottom:0;right:0;width:100%;height:70%;background:linear-gradient(135deg,tan,peru);border-radius:20px 0 0;border:4px solid #8B4513}.colosseum-arch{position:absolute;bottom:0;width:60px;height:80px;background:#8b45134d;border:3px solid #8B4513;border-radius:30px 30px 0 0}.colosseum-arch:nth-child(1){right:20px}.colosseum-arch:nth-child(2){right:90px}.colosseum-arch:nth-child(3){right:160px}.colosseum-arch:nth-child(4){right:230px}.colosseum-arch:nth-child(5){right:300px}.colosseum-arch:nth-child(6){right:370px}.colosseum-arch:nth-child(7){right:440px}.colosseum-arch:nth-child(8){right:510px}.colosseum-top{position:absolute;top:0;right:0;width:100%;height:30%;background:linear-gradient(135deg,tan,peru);border-radius:20px 0 0;border:4px solid #8B4513}.colosseum-pillar{position:absolute;top:10px;width:20px;height:60px;background:#8b451366;border:2px solid #8B4513;border-radius:10px}.colosseum-pillar:nth-child(1){right:40px}.colosseum-pillar:nth-child(2){right:110px}.colosseum-pillar:nth-child(3){right:180px}.colosseum-pillar:nth-child(4){right:250px}.colosseum-pillar:nth-child(5){right:320px}.goddess.athena{position:absolute;left:10%;bottom:20%;width:120px;height:200px;animation:goddess-float 8s ease-in-out infinite}.goddess-head{position:relative;width:60px;height:60px;margin:0 auto}.goddess-helmet{position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:30px;background:linear-gradient(135deg,gold,orange);border:3px solid #B8860B;border-radius:25px 25px 0 0}.helmet-plume{position:absolute;top:-15px;right:5px;width:8px;height:20px;background:linear-gradient(to bottom,red,#8b0000);border-radius:4px}.goddess-face{position:absolute;top:15px;left:50%;transform:translate(-50%);width:40px;height:40px;background:wheat;border:3px solid #DEB887;border-radius:50%}.goddess-eye{position:absolute;top:12px;width:6px;height:6px;background:#2f4f4f;border-radius:50%}.goddess-eye.left{left:8px}.goddess-eye.right{right:8px}.goddess-body{position:relative;width:80px;height:120px;margin:10px auto 0}.goddess-toga{width:100%;height:100%;background:linear-gradient(135deg,#fff,#f0f8ff);border:3px solid #D3D3D3;border-radius:40px 40px 20px 20px;position:relative}.goddess-armor{position:absolute;top:20px;left:50%;transform:translate(-50%)}.breastplate{width:40px;height:30px;background:linear-gradient(135deg,gold,orange);border:2px solid #B8860B;border-radius:20px 20px 0 0}.arm-band{position:absolute;top:10px;width:8px;height:20px;background:linear-gradient(135deg,gold,orange);border:2px solid #B8860B;border-radius:4px}.arm-band.left{left:-15px}.arm-band.right{right:-15px}.goddess-weapons{position:absolute;bottom:0;width:100%}.spear{position:absolute;left:-20px;bottom:20px;width:4px;height:80px;background:linear-gradient(to bottom,#8b4513,sienna);border-radius:2px;transform:rotate(-15deg)}.spear:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #FF0000}.shield{position:absolute;right:-15px;bottom:30px;width:30px;height:40px;background:linear-gradient(135deg,gold,orange);border:3px solid #B8860B;border-radius:50%}.cloud{position:absolute;background:#ffffff1a;border-radius:50px;animation:cloud-float 15s ease-in-out infinite}.cloud-1{width:80px;height:40px;top:15%;left:20%;animation-delay:0s}.cloud-2{width:60px;height:30px;top:25%;right:30%;animation-delay:3s}.cloud-3{width:100px;height:50px;top:35%;left:60%;animation-delay:6s}.cloud-4{width:70px;height:35px;top:45%;right:10%;animation-delay:9s}.lightning{position:absolute;width:4px;height:60px;background:linear-gradient(to bottom,gold,orange);animation:lightning-flash 4s ease-in-out infinite}.lightning-2{top:30%;right:60%;animation-delay:2s}.laurel-wreath{position:absolute;font-size:2rem;opacity:.6;animation:wreath-float 6s ease-in-out infinite}.wreath-1{top:50%;left:30%;animation-delay:0s}.wreath-2{top:60%;right:25%;animation-delay:2s}.wreath-3{top:40%;left:70%;animation-delay:4s}.about-bg .temple{position:absolute;bottom:0;right:10%;width:300px;height:200px}.temple-roof{position:absolute;top:0;right:0;width:100%;height:40%;background:linear-gradient(135deg,tan,peru);border:4px solid #8B4513;border-radius:20px 20px 0 0}.temple-pediment{position:absolute;top:10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:30px solid rgba(139,69,19,.3)}.temple-columns{position:absolute;bottom:0;right:0;width:100%;height:60%;display:flex;justify-content:space-around;align-items:flex-end}.column{width:20px;height:80%;background:linear-gradient(to bottom,beige,#deb887);border:3px solid #8B4513;border-radius:10px;position:relative}.column:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:30px;height:20px;background:linear-gradient(135deg,tan,peru);border:3px solid #8B4513;border-radius:15px 15px 0 0}.temple-base{position:absolute;bottom:-10px;right:0;width:100%;height:20px;background:linear-gradient(135deg,#8b4513,sienna);border-radius:10px}.goddess.hermes{position:absolute;left:15%;bottom:25%;width:100px;height:160px;animation:hermes-speed 6s ease-in-out infinite}.winged-helmet{position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:25px;background:linear-gradient(135deg,gold,orange);border:3px solid #B8860B;border-radius:20px 20px 0 0}.winged-helmet:before,.winged-helmet:after{content:"";position:absolute;top:-5px;width:15px;height:10px;background:linear-gradient(135deg,#87ceeb,#4682b4);border-radius:50%;animation:wing-flap .5s ease-in-out infinite}.winged-helmet:before{left:-10px}.winged-helmet:after{right:-10px}.winged-sandals{position:absolute;bottom:0;width:100%}.wing{position:absolute;bottom:10px;width:20px;height:15px;background:linear-gradient(135deg,#87ceeb,#4682b4);border-radius:50%;animation:wing-flap .5s ease-in-out infinite}.wing.left{left:10px}.wing.right{right:10px}.caduceus{position:absolute;right:-10px;bottom:40px;width:4px;height:60px;background:linear-gradient(to bottom,#8b4513,sienna);border-radius:2px}.caduceus:before{content:"☤";position:absolute;top:10px;left:50%;transform:translate(-50%);font-size:1.5rem;color:gold}.scroll{position:absolute;top:30%;left:50%;transform:translate(-50%);width:120px;height:80px;animation:scroll-unroll 8s ease-in-out infinite}.scroll-paper{width:100%;height:100%;background:linear-gradient(135deg,beige,#deb887);border:3px solid #8B4513;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative}.scroll-text{font-size:.8rem;color:#8b4513;font-weight:700;text-align:center}.scroll-ends{position:absolute;top:0;width:100%;height:100%}.scroll-end{position:absolute;top:0;width:15px;height:100%;background:linear-gradient(135deg,#8b4513,sienna);border-radius:8px}.scroll-end.left{left:-10px}.scroll-end.right{right:-10px}.greek-symbol{position:absolute;font-size:2rem;opacity:.6;animation:symbol-float 7s ease-in-out infinite}.symbol-1{top:20%;right:20%;animation-delay:0s}.symbol-2{top:60%;left:20%;animation-delay:2s}.symbol-3{top:40%;right:10%;animation-delay:4s}.projects-bg .mount-olympus{position:absolute;bottom:0;right:0;width:70%;height:60%}.mountain-base{position:absolute;bottom:0;right:0;width:100%;height:40%;background:linear-gradient(135deg,#8b4513,sienna);border-radius:50px 0 0}.mountain-peak{position:absolute;bottom:40%;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:80px solid rgba(255,255,255,.3)}.peak-1{right:20%;animation:peak-glow 10s ease-in-out infinite}.peak-2{right:40%;animation:peak-glow 10s ease-in-out infinite 2s}.peak-3{right:60%;animation:peak-glow 10s ease-in-out infinite 4s}.goddess.zeus{position:absolute;left:10%;bottom:30%;width:120px;height:200px;animation:zeus-thunder 8s ease-in-out infinite}.crown{position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:25px;background:linear-gradient(135deg,gold,orange);border:3px solid #B8860B;border-radius:25px 25px 0 0}.crown:before{content:"⚡";position:absolute;top:5px;left:50%;transform:translate(-50%);font-size:1rem;color:gold}.goddess-beard{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:30px;height:15px;background:#8b4513;border-radius:15px 15px 0 0}.thunder-clouds{position:absolute;top:20px;left:50%;transform:translate(-50%);width:60px;height:30px;background:#6969694d;border-radius:15px}.cloud-bolt{position:absolute;top:5px;left:50%;transform:translate(-50%);width:3px;height:20px;background:gold;animation:bolt-flash 2s ease-in-out infinite}.thunderbolt{position:absolute;right:-20px;bottom:60px;width:6px;height:40px;background:linear-gradient(to bottom,gold,orange);border-radius:3px;animation:thunder-shake 3s ease-in-out infinite}.achievement{position:absolute;display:flex;flex-direction:column;align-items:center;animation:achievement-glow 5s ease-in-out infinite}.achievement-1{top:30%;right:25%;animation-delay:0s}.achievement-2{top:50%;right:15%;animation-delay:1s}.achievement-3{top:70%;right:35%;animation-delay:2s}.achievement-medal{font-size:2rem;margin-bottom:5px}.achievement-text{font-size:.7rem;color:#8b4513;font-weight:700;background:#fffc;padding:2px 6px;border-radius:10px}.lightning-effect{position:absolute;width:3px;height:50px;background:linear-gradient(to bottom,gold,orange);animation:lightning-strike 4s ease-in-out infinite}.lightning-1{top:20%;right:40%;animation-delay:0s}.lightning-2{top:40%;right:60%;animation-delay:1s}.lightning-3{top:60%;right:30%;animation-delay:2s}.skills-bg .forge{position:absolute;bottom:0;right:10%;width:200px;height:150px}.forge-building{position:absolute;bottom:0;right:0;width:100%;height:80%;background:linear-gradient(135deg,#8b4513,sienna);border:4px solid #654321;border-radius:20px 20px 0 0}.forge-roof{position:absolute;top:-20px;right:0;width:100%;height:30px;background:linear-gradient(135deg,#654321,#8b4513);border-radius:15px 15px 0 0}.forge-door{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30px;height:50px;background:#654321;border:2px solid #8B4513;border-radius:5px 5px 0 0}.forge-window{position:absolute;top:20px;right:20px;width:20px;height:20px;background:#ffffff4d;border:2px solid #8B4513;border-radius:50%}.forge-fire{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:40px;height:30px}.fire-flame{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:20px solid #FF4500;animation:fire-flicker .5s ease-in-out infinite}.flame-1{animation-delay:0s}.flame-2{left:30%;animation-delay:.2s}.flame-3{left:70%;animation-delay:.4s}.goddess.hephaestus{position:absolute;left:15%;bottom:25%;width:100px;height:160px;animation:hephaestus-hammer 6s ease-in-out infinite}.smith-cap{position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:20px;background:#654321;border:3px solid #8B4513;border-radius:20px 20px 0 0}.smith-apron{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:60px;height:40px;background:#8b4513;border:2px solid #654321;border-radius:10px}.hammer{position:absolute;right:-15px;bottom:40px;width:6px;height:50px;background:linear-gradient(to bottom,#8b4513,sienna);border-radius:3px}.hammer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:8px;background:#654321;border-radius:4px}.anvil{position:absolute;left:-20px;bottom:30px;width:30px;height:20px;background:#696969;border:3px solid #2F4F4F;border-radius:5px}.skill-tool{position:absolute;font-size:2rem;opacity:.6;animation:tool-float 8s ease-in-out infinite}.tool-1{top:30%;right:30%;animation-delay:0s}.tool-2{top:50%;right:20%;animation-delay:2s}.tool-3{top:70%;right:40%;animation-delay:4s}.tool-4{top:40%;right:10%;animation-delay:6s}.skill-column{position:absolute;width:25px;height:80px;background:linear-gradient(to bottom,beige,#deb887);border:3px solid #8B4513;border-radius:12px;overflow:hidden}.column-1{top:40%;right:50%}.column-2{top:50%;right:45%}.column-3{top:60%;right:40%}.column-fill{position:absolute;bottom:0;width:100%;background:linear-gradient(to top,gold,orange);border-radius:0 0 10px 10px;animation:column-fill 4s ease-in-out infinite}.contact-bg .communication-temple{position:absolute;bottom:0;right:15%;width:250px;height:180px}.goddess.iris{position:absolute;left:10%;bottom:30%;width:100px;height:160px;animation:iris-rainbow 7s ease-in-out infinite}.rainbow-crown{position:absolute;top:0;left:50%;transform:translate(-50%);width:45px;height:20px;background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);border:3px solid #8B4513;border-radius:20px 20px 0 0}.rainbow-wings{position:absolute;top:40px;width:100%}.rainbow-wings .wing{position:absolute;top:0;width:30px;height:40px;background:linear-gradient(135deg,#87ceeb,#4682b4);border-radius:50%;animation:rainbow-wing 3s ease-in-out infinite}.rainbow-wings .wing.left{left:-25px;animation-delay:0s}.rainbow-wings .wing.right{right:-25px;animation-delay:1.5s}.message-scroll{position:absolute;right:-10px;bottom:50px;width:25px;height:35px;background:linear-gradient(135deg,beige,#deb887);border:2px solid #8B4513;border-radius:5px}.message-vase{position:absolute;width:60px;height:80px;animation:vase-float 6s ease-in-out infinite}.vase-1{top:40%;right:25%;animation-delay:0s}.vase-2{top:60%;right:35%;animation-delay:2s}.vase-body{width:100%;height:100%;background:linear-gradient(135deg,beige,#deb887);border:3px solid #8B4513;border-radius:30px 30px 10px 10px;display:flex;align-items:center;justify-content:center;position:relative}.vase-body:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:20px;background:#8b451333;border-radius:20px}.vase-text{font-size:.6rem;color:#8b4513;font-weight:700;text-align:center;z-index:1}.rainbow-bridge{position:absolute;height:4px;border-radius:2px;animation:rainbow-pulse 5s ease-in-out infinite}.bridge-1{width:80px;top:45%;left:40%;background:linear-gradient(90deg,red,#ff7f00,#ff0);transform:rotate(45deg);animation-delay:0s}.bridge-2{width:60px;top:55%;right:30%;background:linear-gradient(90deg,#0f0,#00f,indigo);transform:rotate(-30deg);animation-delay:1s}.bridge-3{width:100px;top:65%;left:30%;background:linear-gradient(90deg,#9400d3,red,#ff7f00);transform:rotate(15deg);animation-delay:2s}@keyframes goddess-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes cloud-float{0%,to{transform:translate(0)}50%{transform:translate(30px)}}@keyframes lightning-flash{0%,90%,to{opacity:0}95%{opacity:1}}@keyframes wreath-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes hermes-speed{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes wing-flap{0%,to{transform:scaleY(1)}50%{transform:scaleY(.8)}}@keyframes scroll-unroll{0%,to{transform:translate(-50%) scaleY(1)}50%{transform:translate(-50%) scaleY(1.1)}}@keyframes symbol-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes peak-glow{0%,to{opacity:.3}50%{opacity:.8}}@keyframes zeus-thunder{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}@keyframes bolt-flash{0%,90%,to{opacity:.3}95%{opacity:1}}@keyframes thunder-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@keyframes achievement-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes lightning-strike{0%,90%,to{opacity:0}95%{opacity:1}}@keyframes hephaestus-hammer{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes fire-flicker{0%,to{opacity:.8;transform:translate(-50%) scaleY(1)}50%{opacity:1;transform:translate(-50%) scaleY(1.2)}}@keyframes tool-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes column-fill{0%,to{height:60%}50%{height:90%}}@keyframes iris-rainbow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rainbow-wing{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}@keyframes vase-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes rainbow-pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 768px){.greek-background-container{opacity:.7}.goddess{transform:scale(.8)}.colosseum,.temple,.mount-olympus,.forge,.communication-temple{transform:scale(.7)}.laurel-wreath,.greek-symbol,.achievement-medal,.skill-tool{font-size:1.5rem}}@media (max-width: 480px){.greek-background-container{opacity:.5}.goddess{transform:scale(.6)}.colosseum,.temple,.mount-olympus,.forge,.communication-temple{transform:scale(.5)}.laurel-wreath,.greek-symbol,.achievement-medal,.skill-tool{font-size:1.2rem}}.greek-columns{position:absolute;top:20%;left:5%;display:flex;gap:20px}.greek-columns .column{width:15px;height:120px;background:linear-gradient(to bottom,beige,#deb887);border:2px solid #8B4513;border-radius:8px;position:relative}.greek-columns .column:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:25px;height:15px;background:linear-gradient(135deg,tan,peru);border:2px solid #8B4513;border-radius:12px 12px 0 0}.scroll-revealed{position:absolute;animation:scroll-reveal 1s ease-out}.scroll-element-1{top:15%;right:15%}.scroll-element-2{top:45%;left:10%}.scroll-element-3{top:75%;right:20%}.floating-temple{width:80px;height:60px;background:linear-gradient(135deg,tan,peru);border:3px solid #8B4513;border-radius:10px 10px 0 0;position:relative}.floating-temple:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:15px solid rgba(139,69,19,.3)}.floating-statue{font-size:3rem;opacity:.7;animation:statue-float 8s ease-in-out infinite}.floating-fire{font-size:2.5rem;opacity:.8;animation:fire-burn 2s ease-in-out infinite}@keyframes scroll-reveal{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes statue-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes fire-burn{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(10deg)}}@keyframes infinite-float{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}@keyframes infinite-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes infinite-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes section-fade{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.infinite-colosseums .colosseum,.infinite-goddesses .goddess,.infinite-columns .greek-columns{transition:opacity .8s ease,transform .3s ease}.infinite-clouds .cloud{transition:opacity .5s ease,transform .2s ease}.infinite-lightning .lightning{transition:opacity .3s ease,transform .1s ease}.infinite-wreaths .laurel-wreath{transition:opacity .6s ease,transform .4s ease}.home-page{min-height:100vh;position:relative;z-index:1}img{border-radius:50%}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:2000;transition:opacity .6s;opacity:1;pointer-events:all}.splash-text{color:#fff;font-family:Fira Mono,Fira Code,Consolas,monospace;font-size:2rem;letter-spacing:1px;text-align:center}.splash-cursor{display:inline-block;width:1ch;animation:blink-cursor 1s steps(2,start) infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.fade-out{opacity:0!important;pointer-events:none;transition:opacity .6s}section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.section-content{position:relative;z-index:2;max-width:1200px;width:100%;text-align:center}.section-title{font-size:2.5rem;color:#000;margin-bottom:40px;text-align:center;font-weight:700}.hero-section{background:transparent;color:#fff;position:relative}.hero-background{position:absolute;inset:0;z-index:1}.floating-shapes{position:absolute;width:100%;height:100%}.shape{position:absolute;border-radius:50%;opacity:.1;animation:float 6s ease-in-out infinite}.shape-1{width:100px;height:100px;background:#ff6b6b;top:20%;left:10%;animation-delay:0s}.shape-2{width:150px;height:150px;background:#4ecdc4;top:60%;right:15%;animation-delay:2s}.shape-3{width:80px;height:80px;background:#45b7d1;top:30%;right:30%;animation-delay:4s}.shape-4{width:120px;height:120px;background:#96ceb4;bottom:20%;left:20%;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px}.profile-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.profile-avatar{margin-bottom:1rem}.avatar-circle{width:150px;height:150px;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #0000004d;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.avatar-eyes{display:flex;gap:20px;margin-bottom:10px}.eye{width:20px;height:20px;background:#fff;border-radius:50%;position:relative;animation:blink 3s infinite}.eye:after{content:"";position:absolute;width:8px;height:8px;background:#333;border-radius:50%;top:6px;left:6px}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.avatar-smile{width:40px;height:20px;border:3px solid white;border-top:none;border-radius:0 0 40px 40px;margin-top:10px}.hero-title{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.title-line{font-size:1.5rem;opacity:.9}.title-name{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-subtitle{font-size:1.5rem;opacity:.8;font-weight:300}.hero-description{font-size:1.2rem;margin-bottom:2rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.about-section{background:#f8f9fae6;position:relative}.section-background{position:absolute;inset:0;z-index:1;opacity:.1}.code-elements{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Fira Code,monospace;font-size:1.2rem;color:#667eea}.code-line{margin:1rem 0;white-space:nowrap}.code-keyword{color:#ff6b6b;font-weight:700}.code-variable{color:#4ecdc4;font-weight:700}.code-string{color:#96ceb4}.code-function{color:#45b7d1;font-weight:700}.code-comment{color:#999;font-style:italic}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.about-card{background:#fff;padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.about-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.card-icon{font-size:3rem;margin-bottom:1rem}.about-card h3{font-size:1.5rem;margin-bottom:1rem;color:#333}.about-card p{color:#666;line-height:1.6}.skills-section{background:#667eeae6;color:#fff}.tech-bubbles{position:absolute;width:100%;height:100%}.bubble{position:absolute;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50px;padding:10px 20px;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:bubbleFloat 8s ease-in-out infinite}.bubble:nth-child(1){top:20%;left:10%;animation-delay:0s}.bubble:nth-child(2){top:40%;right:15%;animation-delay:1s}.bubble:nth-child(3){top:60%;left:20%;animation-delay:2s}.bubble:nth-child(4){top:30%;right:30%;animation-delay:3s}.bubble:nth-child(5){bottom:30%;left:30%;animation-delay:4s}.bubble:nth-child(6){bottom:20%;right:20%;animation-delay:5s}@keyframes bubbleFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.skill-category{background:#ffffff1a;padding:2rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.skill-category h3{font-size:1.5rem;margin-bottom:1.5rem;color:#fff}.skill-items{display:flex;flex-wrap:wrap;gap:.5rem}.skill-item{background:#fff3;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:500;transition:all .3s ease}.skill-item:hover{background:#ffffff4d;transformz:scale(1.05)}.contact-section{background:#f8f9fae6}.contact-elements{position:absolute;width:100%;height:100%}.envelope{position:absolute;top:30%;left:20%;width:80px;height:60px;animation:envelopeFloat 6s ease-in-out infinite}.envelope-body{width:100%;height:100%;background:#667eea;border-radius:10px;position:relative}.envelope-flap{position:absolute;top:-20px;left:0;width:100%;height:20px;background:#667eea;clip-path:polygon(0 100%,50% 0,100% 100%)}@keyframes envelopeFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.phone{position:absolute;top:60%;right:25%;width:60px;height:100px;animation:phoneFloat 6s ease-in-out infinite;animation-delay:2s}.phone-body{width:100%;height:100%;background:#333;border-radius:15px;position:relative}.phone-screen{position:absolute;inset:5px;background:#4ecdc4;border-radius:10px}@keyframes phoneFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(-5deg)}}.contact-description{font-size:1.2rem;margin-bottom:2rem;color:#666;max-width:600px;margin-left:auto;margin-right:auto}.contact-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.stats-section{padding:80px 0;background:#667eeae6;position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.stats-section .section-content{position:relative;z-index:2}.stats-section .section-title{text-align:center;color:#fff;font-size:2.5rem;margin-bottom:50px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1000px;margin:0 auto}.stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:30px 20px;text-align:center;transition:all .3s ease;color:#fff}.stat-card:hover{transform:translateY(-10px);background:#ffffff26;box-shadow:0 20px 40px #0000004d}.stat-number{font-size:3rem;font-weight:700;margin-bottom:10px;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.stat-label{font-size:1.1rem;opacity:.9;font-weight:500}@media (max-width: 768px){.stats-section{padding:60px 0}.stats-section .section-title{font-size:2rem;margin-bottom:40px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 20px}.stat-card{padding:25px 15px}.stat-number{font-size:2.5rem}.stat-label{font-size:1rem}}@media (max-width: 480px){section{padding:1rem}.title-name{font-size:2rem}.hero-description{font-size:1rem}.about-card{padding:1.5rem}}.contact-section .section-title{color:#333}.skills-section .section-title{color:#fff}.card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.card-default{padding:2rem}.card-compact{padding:1.5rem}.card-spacious{padding:3rem}.card-glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff}.card-glass:hover{background:#ffffff26;border-color:#ffffff4d}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0003}.about-page{min-height:100vh;padding:120px 20px 60px;background:transparent;position:relative;z-index:1}.about-content{max-width:1200px;margin:0 auto}.about-intro{margin-bottom:60px}.intro-content{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center}.intro-stats{display:flex;flex-direction:column;gap:20px}.stat{text-align:center;padding:20px;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.stat-number{font-size:2.5rem;font-weight:700;color:#fff;display:block;margin-bottom:8px}.stat-label{font-size:.9rem;opacity:.8;color:#fff}.about-sections{display:flex;flex-direction:column;gap:80px}.section h3{font-size:2.5rem;color:#fff;margin-bottom:40px;text-align:center;font-weight:700}.resume-section{display:grid;grid-template-columns:1fr 2fr;gap:40px;max-width:1200px;margin:0 auto}.resume-actions{display:flex;flex-direction:column;gap:20px}.actions-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:30px}.actions-card h4{font-size:1.8rem;margin-bottom:16px;color:#fff}.actions-card p{font-size:1rem;line-height:1.6;opacity:.9;margin-bottom:24px}.action-buttons{display:flex;flex-direction:column;gap:12px}.pdf-viewer-container{display:flex;flex-direction:column}.pdf-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:0;overflow:hidden}.pdf-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2)}.pdf-header h4{font-size:1.3rem;color:#fff;margin:0}.page-controls{display:flex;align-items:center;gap:16px}.page-info{font-size:.9rem;color:#fffc;min-width:80px;text-align:center}.pdf-viewer{position:relative;min-height:600px;background:#fff;padding:20px;display:flex;justify-content:center;align-items:center}.pdf-iframe{width:100%;height:600px;border:none;border-radius:8px;box-shadow:0 10px 30px #0003}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#667eea,#764ba2)}.timeline-item{position:relative;margin-bottom:40px;padding-left:60px}.timeline-marker{position:absolute;left:11px;top:0;width:20px;height:20px;background:#667eea;border-radius:50%;border:4px solid white;box-shadow:0 0 0 4px #667eea33}.timeline-content{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0000001a;border-left:4px solid #667eea}.timeline-content h4{font-size:1.1rem;color:#667eea;margin-bottom:8px;font-weight:600}.timeline-content h5{font-size:1.3rem;color:#333;margin-bottom:8px;font-weight:700}.company-info{color:#666;font-size:.9rem;margin-bottom:16px}.job-highlights{list-style:none;padding:0}.job-highlights li{position:relative;padding-left:20px;margin-bottom:8px;color:#555;line-height:1.5}.job-highlights li:before{content:"▸";position:absolute;left:0;color:#667eea;font-weight:700}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.education-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0000001a;text-align:center;transition:transform .3s ease}.education-card:hover{transform:translateY(-5px)}.education-icon{font-size:3rem;margin-bottom:20px;display:block}.education-card h4{font-size:1.3rem;color:#000;margin-bottom:12px;font-weight:700}.degree{font-size:1rem;color:#667eea;margin-bottom:8px;font-weight:600}.graduation{font-size:.9rem;color:#666;margin-bottom:16px}.education-highlights{list-style:none;padding:0;text-align:left}.education-highlights li{padding:8px 0;color:#555;border-bottom:1px solid #eee}.education-highlights li:last-child{border-bottom:none}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.service-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0000001a;text-align:center;transition:transform .3s ease}.service-card:hover{transform:translateY(-5px)}.service-icon{font-size:3rem;margin-bottom:20px;display:block}.service-card h4{font-size:1.3rem;color:#000;margin-bottom:16px;font-weight:700}.service-card p{color:#666;line-height:1.6}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.value-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}.value-card:hover{transform:translateY(-5px)}.value-card h4{font-size:1.3rem;color:#000;margin-bottom:16px;font-weight:700}.value-card p{color:#666;line-height:1.6}@media (max-width: 768px){.about-page{padding:100px 15px 40px}.page-title{font-size:2.5rem}.page-subtitle{font-size:1rem}.intro-content{grid-template-columns:1fr;gap:30px}.section h3{font-size:2rem}.resume-section{grid-template-columns:1fr;gap:30px}.pdf-header{flex-direction:column;gap:16px;padding:15px 20px}.pdf-viewer{min-height:400px;padding:15px}.pdf-iframe{height:400px}.actions-card{padding:20px}.actions-card h4{font-size:1.5rem}.timeline:before{left:15px}.timeline-item{padding-left:50px}.timeline-marker{left:6px;width:18px;height:18px}.timeline-content{padding:20px}.education-grid,.services-grid,.values-grid{grid-template-columns:1fr;gap:20px}.education-card,.service-card,.value-card{padding:20px}}@media (max-width: 480px){.page-title{font-size:2rem}.section h3{font-size:1.8rem}.pdf-header h4{font-size:1.1rem}.pdf-viewer{min-height:300px;padding:10px}.pdf-iframe{height:300px}.timeline-content,.education-card,.service-card,.value-card{padding:15px}}.projects-page{min-height:100vh;padding:120px 20px 60px;background:transparent;position:relative;z-index:1}.projects-content{max-width:1200px;margin:0 auto}.projects-intro{margin-bottom:60px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:60px}.project-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;overflow:hidden;transition:all .3s ease;color:#fff}.project-card:hover{transform:translateY(-10px);background:#ffffff26;box-shadow:0 20px 40px #0000004d}.project-card.featured{border:2px solid #4ecdc4;box-shadow:0 0 20px #4ecdc44d}.project-image{height:200px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;font-size:4rem}.project-content{padding:30px}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.project-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0;flex:1}.project-category{background:#fff3;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-left:12px}.project-description{color:#ffffffe6;line-height:1.6;margin-bottom:20px}.project-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tech-tag{background:#fff3;color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.project-links{display:flex;gap:12px}.projects-cta{margin-top:60px}.cta-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;text-align:center;padding:40px;border-radius:16px}@media (max-width: 768px){.projects-page{padding:100px 15px 40px}.page-title{font-size:2.5rem}.page-subtitle{font-size:1rem}.projects-grid{grid-template-columns:1fr;gap:20px}.project-card{margin:0 10px}.project-content{padding:20px}.project-header{flex-direction:column;gap:8px}.project-category{align-self:flex-start;margin-left:0}.cta-card{padding:30px 20px}.cta-card h3{font-size:1.8rem}}@media (max-width: 480px){.page-title{font-size:2rem}.project-card{margin:0 5px}.project-content{padding:15px}.project-links{flex-direction:column}}.skills-page{min-height:100vh;padding:120px 20px 60px;background:transparent;position:relative;z-index:1}.skills-content{max-width:1200px;margin:0 auto}.skills-intro{margin-bottom:60px}.intro-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff}.intro-card h2{font-size:2rem;margin-bottom:20px;color:#fff}.intro-card p{font-size:1.1rem;line-height:1.6;opacity:.9}.skills-sections{display:flex;flex-direction:column;gap:60px}.section h3{font-size:2.5rem;color:#fff;margin-bottom:30px;text-align:center;font-weight:700}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.skill-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:24px;text-align:center;transition:all .3s ease;color:#fff}.skill-card:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 10px 30px #0003}.skill-icon{font-size:2.5rem;margin-bottom:16px;display:block}.skill-card h4{font-size:1.1rem;margin-bottom:16px;color:#fff;font-weight:600}.skill-level{margin-top:16px}.skill-bar{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.skill-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#44a08d);border-radius:3px;transition:width 1s ease;animation:skillFill 2s ease-out}@keyframes skillFill{0%{width:0%}to{width:var(--skill-level, 85%)}}.specialization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.specialization-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:30px;text-align:center;transition:all .3s ease;color:#fff}.specialization-card:hover{transform:translateY(-8px);background:#ffffff26;box-shadow:0 15px 40px #0000004d}.specialization-icon{font-size:3rem;margin-bottom:20px;display:block}.specialization-card h4{font-size:1.3rem;margin-bottom:16px;color:#fff;font-weight:600}.specialization-card p{font-size:1rem;line-height:1.6;opacity:.9}@media (max-width: 768px){.skills-page{padding:100px 15px 40px}.page-title{font-size:2.5rem}.page-subtitle{font-size:1rem}.section h3{font-size:1.8rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.specialization-grid{grid-template-columns:1fr;gap:20px}.skill-card,.specialization-card{padding:20px}.skill-icon{font-size:2rem}.specialization-icon{font-size:2.5rem}}@media (max-width: 480px){.page-title{font-size:2rem}.skills-grid{grid-template-columns:1fr}.skill-card,.specialization-card{padding:16px}}.wrapped-story{min-height:100vh;display:flex;align-items:center;justify-content:center;transition:background .6s cubic-bezier(.77,0,.175,1);touch-action:pan-x;cursor:pointer}.story-slide{width:90vw;max-width:460px;min-height:70vh;background:#ffffff26;border-radius:2rem;box-shadow:0 8px 32px #0003;padding:2rem 1.5rem;text-align:center;color:#fff;animation:fadeIn .7s;display:flex;flex-direction:column;justify-content:center;transition:opacity .35s cubic-bezier(.77,0,.175,1),transform .35s cubic-bezier(.77,0,.175,1);opacity:1;transform:scale(1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.story-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:1px}.story-desc{font-size:1.7rem;margin-bottom:1.5rem}.slide-content{font-size:1.3rem;font-weight:600;margin-bottom:2rem}.story-progress{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.dot{width:10px;height:10px;border-radius:50%;background:#fff6;transition:background .3s}.dot.active{background:#fff}.share-card{background:#ffffff40;border-radius:1rem;padding:1rem;color:#222;font-size:1.2rem;margin-top:1rem}.slide-fade{opacity:0;transform:scale(.95);pointer-events:none}.slide-content .reveal-line{display:block;opacity:0;transform:translateY(-20px);animation:revealLine 1.2s forwards}.slide-content .reveal-line:nth-child(1){animation-delay:.2s}.slide-content .reveal-line:nth-child(2){animation-delay:.6s}.slide-content .reveal-line:nth-child(3){animation-delay:1s}.slide-content .reveal-line:nth-child(4){animation-delay:1.4s}.slide-content .reveal-line:nth-child(5){animation-delay:1.8s}@keyframes revealLine{to{opacity:1;transform:translateY(0)}}.share-btn{margin-top:1rem;padding:.7rem 1.5rem;border:none;border-radius:999px;background:#222;color:#fff;font-weight:700;font-size:1rem;cursor:pointer}.contact-page{min-height:100vh;padding:120px 20px 60px;background:transparent;position:relative;z-index:1}.page-header{text-align:center;margin-bottom:60px;color:#fff}.page-title{font-size:3rem;font-weight:700;margin-bottom:16px;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.contact-content{max-width:1200px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}.contact-info-section{display:flex;flex-direction:column;gap:30px}.info-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff}.info-card h2{font-size:1.8rem;margin-bottom:30px;color:#fff}.contact-details{display:flex;flex-direction:column;gap:24px}.contact-item{display:flex;align-items:center;gap:16px}.contact-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;flex-shrink:0}.contact-text h4{font-size:1rem;margin-bottom:4px;color:#fff;font-weight:600}.contact-text a,.contact-text p{color:#ffffffe6;text-decoration:none;transition:color .3s ease}.contact-text a:hover{color:#fff}.social-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff}.social-card h3{font-size:1.4rem;margin-bottom:20px;color:#fff}.social-links{display:flex;flex-direction:column;gap:12px}.social-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff1a;border-radius:8px;text-decoration:none;color:#fff;transition:all .3s ease}.social-link:hover{background:#fff3;transform:translate(5px)}.social-icon{font-size:1.2rem}.social-name{font-weight:500}.contact-form-section{display:flex;align-items:flex-start}.form-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;width:100%}.form-card h2{font-size:1.8rem;margin-bottom:30px;color:#fff}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#fff;font-size:.9rem}.form-group input,.form-group textarea{padding:12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#fffc;background:#ffffff26}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{margin-top:10px;align-self:flex-start}.contact-cta{margin-top:60px}.cta-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;text-align:center;padding:40px}.cta-card h3{font-size:2rem;margin-bottom:16px;color:#fff}.cta-card p{font-size:1.1rem;margin-bottom:30px;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.contact-page{padding:100px 15px 40px}.page-title{font-size:2.5rem}.page-subtitle{font-size:1rem}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-info-section{gap:20px}.info-card h2,.form-card h2{font-size:1.6rem}.cta-card{padding:30px 20px}.cta-card h3{font-size:1.8rem}.cta-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){.page-title{font-size:2rem}.contact-item{flex-direction:column;text-align:center;gap:12px}.contact-icon{width:50px;height:50px;font-size:1.8rem}.social-link,.form-group input,.form-group textarea{padding:10px 12px}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}.page-placeholder{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:2rem;font-weight:600;text-align:center;padding:2rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.container{padding:0 1rem}.page-placeholder{font-size:1.5rem;padding:1rem}}