@import"https://fonts.googleapis.com/css2?family=Ranade:wght@300;400;500;600;700&display=swap";:root{font-family:Ranade,system-ui,sans-serif;line-height:1.7;font-weight:400;--primary-color: #2d5aa0;--secondary-color: #161748;--accent-color: #f95d9b;--highlight-color: #39a0ca;--bg-color: #161748;--bg-secondary: #1e1d5a;--bg-tertiary: #2a296d;--text-color: #ffffff;--text-secondary: #39a0ca;--text-light: #2d5aa0;--border-color: rgba(45, 90, 160, .3);--shadow-light: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);min-height:100vh}a{color:var(--primary-color);text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.7}h1,h2,h3,h4,h5,h6{color:var(--primary-color);margin:0 0 1rem}button{border:1px solid var(--primary-color);background:transparent;color:var(--primary-color);padding:.75rem 1.5rem;font-family:inherit;cursor:pointer;transition:all .3s ease;border-radius:0}button:hover{background:var(--primary-color);color:#fff}.app{min-height:100vh;background:var(--bg-color);color:var(--text-color)}.nav{position:fixed;top:0;left:0;right:0;background:#161748f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:1.5rem 3rem;display:flex;justify-content:center;gap:2rem;z-index:100;box-shadow:var(--shadow-light)}.nav button{background:none;border:none;padding:1rem 2rem;cursor:pointer;font-size:1.1rem;font-weight:500;color:var(--text-secondary);border-radius:50px;transition:all .3s ease;position:relative;letter-spacing:.5px}.nav button:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav button:hover{color:var(--primary-color);transform:translateY(-2px)}.nav button:hover:after{width:60%}.nav button.active{color:var(--accent-color);background:#f95d9b1a}.nav button.active:after{width:60%}.main{padding-top:100px;min-height:calc(100vh - 100px)}.container{max-width:1400px;margin:0 auto;padding:0 3rem}.section{padding:6rem 0;position:relative}.section:last-child{border-bottom:none}.section-title{font-size:3.5rem;font-weight:300;text-align:center;margin-bottom:4rem;color:var(--primary-color);position:relative}.section-title:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--highlight-color));border-radius:2px}.hero{text-align:center;padding:6rem 0}.hero h1{font-size:4rem;font-weight:300;margin-bottom:1rem}.hero p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}@media (max-width: 768px){.container{padding:0 1rem}.section{padding:2rem 0}.hero h1{font-size:2.5rem}.section-title{font-size:2rem}}.section.about{min-height:100vh;background:var(--bg-color);position:relative;color:var(--text-color)}.section.about: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="50" cy="50" r="0.5" fill="%23000" opacity="0.02"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;pointer-events:none}.about-hero{padding:.5rem 0 1rem;text-align:center}.profile-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.profile-image{width:300px;height:300px;position:relative;border-radius:50%;overflow:hidden;border:6px solid var(--primary-color);box-shadow:var(--shadow-large),0 0 0 10px #2d5aa026;transition:transform .3s ease}.profile-image:hover{transform:scale(1.05)}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-placeholder{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));color:var(--text-secondary)}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.profile-placeholder span{font-size:1.1rem;font-weight:500}.profile-details{text-align:center}.name{font-size:3.5rem;font-weight:300;color:var(--primary-color);margin-bottom:.25rem;letter-spacing:-1px}.title{font-size:1.4rem;color:var(--text-secondary);margin-bottom:1.5rem;font-weight:400}.social-links{display:flex;gap:2rem;justify-content:center}.social-link{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:.75rem 1.5rem;border:2px solid var(--border-color);border-radius:50px;transition:all .3s ease;background:#2a296db3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-link:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.about-content{padding:.5rem 0 4rem}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:stretch}.left-column{display:flex;flex-direction:column;gap:2rem}.bio-section{background:#2a296dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:20px;box-shadow:var(--shadow-medium);border:1px solid var(--border-color)}.section-subtitle{font-size:2.5rem;font-weight:300;color:var(--primary-color);margin-bottom:2rem;position:relative}.section-subtitle:after{content:"";position:absolute;bottom:-.5rem;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--highlight-color));border-radius:2px}.bio-text p{font-size:1.2rem;line-height:1.8;color:var(--text-secondary);margin-bottom:1.5rem}.quote-section{background:#2a296dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:18px;box-shadow:var(--shadow-medium);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;min-height:200px}.quote-content{text-align:center;width:100%}.quote-text{font-size:2.5rem;font-weight:300;color:var(--accent-color);margin:0;font-style:italic;letter-spacing:1px;line-height:1.2}.skills-section{background:#1e1d5a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2.5rem;border-radius:20px;box-shadow:var(--shadow-light);border:1px solid var(--border-color);height:100%;display:flex;flex-direction:column}.skills-title{font-size:1.8rem;font-weight:400;color:var(--primary-color);margin-bottom:2rem;text-align:center}.skills-grid{display:flex;flex-direction:column;gap:2rem;flex:1;justify-content:space-evenly}.skill-item{text-align:center;padding:1.5rem;background:#2a296db3;border-radius:15px;transition:all .3s ease;border:1px solid var(--border-color)}.skill-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium);background:#2a296de6}.skill-icon{font-size:2.5rem;margin-bottom:1rem}.skill-item h4{font-size:1.2rem;font-weight:500;color:var(--primary-color);margin-bottom:.5rem}.skill-item p{font-size:.95rem;color:var(--text-secondary);line-height:1.5}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr;gap:3rem}.skills-grid{flex-direction:row;flex-wrap:wrap;justify-content:center}.skill-item{flex:1;min-width:200px;max-width:250px}}@media (max-width: 768px){.profile-image{width:250px;height:250px}.name{font-size:2.5rem}.title{font-size:1.2rem}.social-links{flex-direction:column;align-items:center;gap:1rem}.bio-section,.skills-section{padding:2rem}.section-subtitle{font-size:2rem}.skills-grid{flex-direction:column}.skill-item{max-width:none}}.pdf-modal-content{width:60vw;height:90vh;max-width:700px;min-width:500px;aspect-ratio:8.5/11}.pdf-container{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-color);border-radius:15px 15px 0 0;overflow:hidden;padding:1rem}.pdf-viewer{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border:none;border-radius:10px;box-shadow:var(--shadow-medium)}.pdf-info{padding:1.5rem;background:#2a296de6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);border-radius:0 0 15px 15px;flex-shrink:0}.pdf-title{font-size:1.5rem;font-weight:500;margin-bottom:1rem;color:#fff;position:relative;text-align:center}.pdf-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--highlight-color),var(--accent-color));border-radius:2px}.pdf-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.pdf-download-btn,.pdf-open-btn{padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:500;transition:all .3s ease;border:2px solid;text-align:center;min-width:150px}.pdf-download-btn{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.pdf-download-btn:hover{background:var(--highlight-color);border-color:var(--highlight-color);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.pdf-open-btn{background:transparent;color:#fff;border-color:#fff}.pdf-open-btn:hover{background:#fff;color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-medium)}@media (max-width: 768px){.pdf-modal-content{width:90vw;height:95vh;min-width:350px;aspect-ratio:8.5/11}.pdf-container{padding:.5rem}.pdf-info{padding:1rem}.pdf-title{font-size:1.3rem}.pdf-actions{flex-direction:column;align-items:center}.pdf-download-btn,.pdf-open-btn{width:100%;max-width:250px}}@media (max-width: 480px){.pdf-info{padding:1rem}.pdf-title{font-size:1.4rem;margin-bottom:1rem}}.section.photo-gallery{min-height:100vh;background:var(--bg-color);position:relative}.section.photo-gallery: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="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="%23000" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>') repeat;pointer-events:none}.favorites-section{margin-bottom:6rem;position:relative}.favorites-title{font-size:2.8rem;font-weight:300;text-align:center;margin-bottom:3rem;color:var(--primary-color);position:relative}.favorites-title:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,var(--accent-color),var(--highlight-color));border-radius:2px}.carousel-container{position:relative;display:flex;align-items:center;max-width:1000px;margin:0 auto;background:#2a296dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:2rem;box-shadow:var(--shadow-large);border:1px solid var(--border-color)}.carousel-wrapper{flex:1;overflow:hidden;border-radius:20px;position:relative}.carousel-track{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1)}.carousel-slide{min-width:100%;aspect-ratio:16/10;position:relative;cursor:pointer;border-radius:20px;overflow:hidden}.carousel-slide img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.carousel-slide:hover img{transform:scale(1.05)}.carousel-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:3rem 2rem 2rem;opacity:0;transition:opacity .3s ease}.carousel-slide:hover .carousel-overlay{opacity:1}.carousel-title{font-size:1.4rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5)}.carousel-btn{background:#fffffff2;border:none;width:50px;height:50px;border-radius:50%;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease,transform .3s ease,box-shadow .3s ease;z-index:10;box-shadow:var(--shadow-medium);color:var(--primary-color);font-weight:400;line-height:1;font-family:system-ui,-apple-system,sans-serif}.carousel-btn-prev{margin-right:1.5rem}.carousel-btn-prev:before{content:"‹";position:relative;left:-1px}.carousel-btn-next{margin-left:1.5rem}.carousel-btn-next:before{content:"›";position:relative;right:-1px}.carousel-btn:hover:not(:disabled){background:#fff;transform:scale(1.1);box-shadow:var(--shadow-large);color:var(--primary-color)}.carousel-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.carousel-dots{display:flex;justify-content:center;gap:.75rem;margin-top:2rem}.carousel-dot{width:12px;height:12px;border-radius:50%;border:none;background:var(--border-color);cursor:pointer;transition:all .3s ease;position:relative}.carousel-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:var(--primary-color);border-radius:50%;transition:all .3s ease}.carousel-dot.active:after{width:100%;height:100%}.carousel-dot:hover:after{width:80%;height:80%;background:var(--highlight-color)}.all-photos-section{margin-top:4rem}.gallery-subtitle{font-size:2.5rem;font-weight:300;text-align:center;margin-bottom:3rem;color:var(--primary-color);position:relative}.gallery-subtitle:after{content:"";position:absolute;bottom:-.75rem;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--highlight-color),var(--accent-color));border-radius:2px}.gallery-grid-container{max-height:80vh;overflow-y:auto;overflow-x:hidden;padding:1rem;background:#2a296d1a;border-radius:20px;border:1px solid var(--border-color);margin-bottom:3rem}.gallery-grid-container::-webkit-scrollbar{width:8px}.gallery-grid-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.gallery-grid-container::-webkit-scrollbar-thumb{background:#2a296d80;border-radius:10px}.gallery-grid-container::-webkit-scrollbar-thumb:hover{background:#2a296db3}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;min-height:fit-content}.gallery-item{position:relative;aspect-ratio:4/3;overflow:hidden;cursor:pointer;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:var(--shadow-light)}.gallery-item:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-large)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:20px}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:3rem 1.5rem 1.5rem;opacity:0;transition:opacity .3s ease;display:flex;justify-content:space-between;align-items:end}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-title{font-weight:500;font-size:1.2rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.favorite-badge{font-size:1.5rem;color:var(--accent-color);text-shadow:0 0 10px rgba(249,93,155,.8);animation:twinkle 2s infinite}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.7}}.gallery-note{text-align:center;color:var(--text-secondary);font-size:1rem;font-style:italic;max-width:600px;margin:0 auto;padding:2rem;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid var(--border-color);line-height:1.6}.loading-state{text-align:center;padding:4rem;color:var(--text-secondary);font-size:1.2rem;background:#2a296d99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid var(--border-color);margin:2rem auto;max-width:400px}@media (max-width: 1024px){.carousel-container{margin:0 2rem}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.carousel-container{margin:0 1rem;padding:1.5rem}.carousel-btn{width:45px;height:45px;font-size:1.5rem;font-weight:400}.carousel-btn-prev{margin-right:1rem}.carousel-btn-next{margin-left:1rem}.favorites-title{font-size:2.2rem}.gallery-subtitle{font-size:2rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.gallery-grid-container{max-height:70vh;padding:.75rem}.carousel-slide{aspect-ratio:16/11}}@media (max-width: 480px){.carousel-container{flex-direction:column;gap:1rem}.carousel-btn-prev,.carousel-btn-next{margin:0}.carousel-btn{width:40px;height:40px;font-size:1.3rem;font-weight:400}.gallery-grid{grid-template-columns:1fr}.gallery-grid-container{max-height:60vh;padding:.5rem}}.modal-backdrop{position:fixed;inset:0;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;max-width:95vw;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-large);border:1px solid var(--border-color);animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);width:50px;height:50px;border-radius:50%;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .3s ease,transform .3s ease,border-color .3s ease;color:#fff;font-weight:400;line-height:1;font-family:Arial,sans-serif;box-shadow:0 2px 10px #0003}.modal-close:hover{background:#00000080;color:#fff;transform:scale(1.1) rotate(90deg);border-color:#ffffff80}.modal-image-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem;background:var(--bg-color)}.modal-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:15px;box-shadow:var(--shadow-large);transition:transform .3s ease}.modal-image:hover{transform:scale(1.02)}.modal-info{padding:3rem;background:#2a296de6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color)}.modal-title{font-size:2rem;font-weight:500;margin-bottom:1rem;color:#fff;position:relative}.modal-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--highlight-color),var(--accent-color));border-radius:2px}.modal-description{color:var(--text-secondary);margin-bottom:2rem;line-height:1.7;font-size:1.1rem}.modal-metadata{background:#fffc;border-radius:15px;padding:2rem;border:1px solid var(--border-color)}.modal-metadata h4{font-size:1.3rem;font-weight:500;margin-bottom:1.5rem;color:var(--primary-color);text-align:center}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metadata-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffffb3;border-radius:12px;border:1px solid var(--border-color);transition:all .2s ease}.metadata-item:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:var(--shadow-light)}.metadata-label{font-weight:600;color:var(--primary-color);font-size:.95rem}.metadata-value{color:var(--text-secondary);font-weight:500;font-size:.95rem}@media (max-width: 1024px){.modal-content{max-width:90vw;max-height:90vh}.modal-info{padding:2.5rem}.metadata-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.modal-backdrop{padding:1rem}.modal-content{max-width:95vw;max-height:95vh;border-radius:20px}.modal-close{top:1rem;right:1rem;width:45px;height:45px;font-size:1.5rem}.modal-image-container{padding:1.5rem;min-height:300px}.modal-image{max-height:50vh}.modal-info{padding:2rem}.modal-title{font-size:1.6rem}.modal-description{font-size:1rem}.modal-metadata{padding:1.5rem}.metadata-grid{grid-template-columns:1fr;gap:.75rem}.metadata-item{padding:.75rem 1rem}.metadata-label,.metadata-value{font-size:.9rem}}@media (max-width: 480px){.modal-backdrop{padding:.5rem}.modal-image-container{padding:1rem}.modal-info{padding:1.5rem}.modal-title{font-size:1.4rem}}