body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.test{width:100%}body{background:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.hero-section{align-items:center;background:#000;display:flex;height:700px;justify-content:center;overflow:hidden;position:relative}.hero-image{animation:fadeInOut 8s ease-in-out;height:100%;object-fit:cover;object-position:center;position:absolute;width:100%;z-index:1}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}85%{opacity:1}to{opacity:0}}.hero-overlay{align-items:center;background:linear-gradient(180deg,#0000004d,#0009 50%,#0000004d);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:2}.hero-title{font-size:3.5rem;font-weight:700;letter-spacing:1px;margin-bottom:20px;text-shadow:0 0 20px #000c,2px 2px 8px #0009}.hero-subtitle{font-size:1.3rem;letter-spacing:.5px;margin-bottom:30px;max-width:600px;text-shadow:0 0 15px #000c,1px 1px 6px #0009}.hero-cta{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.hero-indicators{bottom:30px;display:flex;gap:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:3}.hero-indicators .indicator{background:#ffffff80;border:2px solid #fff;border-radius:50%;box-shadow:0 0 8px #0009;height:14px;transition:all .3s ease;width:14px}.hero-indicators .indicator:hover{background:#fff;transform:scale(1.3)}.btn{border-radius:5px;font-size:1rem;padding:12px 30px}.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#0056b3;box-shadow:0 4px 8px #0003}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn-large{padding:15px 40px}.stats-section{grid-gap:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);padding:60px 20px;text-align:center}.stat-item{align-items:center;display:flex;flex-direction:column;gap:10px}.stat-number{line-height:1}.hobbies-section{background:#f8f9fa;padding:80px 20px}.hobbies-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(4,1fr);margin-top:40px}.hobby-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#333;transition:all .3s ease}.hobby-card:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);box-shadow:0 8px 20px #667eea4d;transform:translateY(-8px)}.hobby-emoji{display:block;font-size:3.5rem;margin-bottom:15px}.hobby-card h3{color:#333;font-size:1.3rem;margin-bottom:10px}.hobby-card p{color:#666;font-size:.95rem;line-height:1.5}.cta-section{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:80px 20px;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:20px}.cta-content p{font-size:1.2rem;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px}.section-header{margin-bottom:50px;text-align:center}.section-header h2{color:#222;font-size:2.5rem;margin-bottom:15px}.section-header p{color:#666;font-size:1.1rem}.featured-blogs{background-color:#f8f9fa;padding:60px 20px}.blogs-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.blog-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:inherit;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.blog-card img{height:200px;object-fit:cover;width:100%}.blog-content{padding:20px}.blog-category{background-color:#007bff;border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;margin-bottom:10px;padding:5px 12px}.blog-card h3{color:#222;font-size:1.3rem;margin-bottom:10px}.blog-card p{color:#666;font-size:.95rem;margin-bottom:15px}.read-more{color:#007bff;font-weight:600;text-decoration:none;transition:color .3s ease}.read-more:hover{color:#0056b3}.photo-gallery{margin:0 auto;max-width:1200px;padding:60px 20px}.gallery-content{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;padding:50px;text-align:center}.gallery-content h3{font-size:2rem;margin-bottom:10px}.gallery-content p{font-size:1.1rem;margin-bottom:20px}.gallery-content h4{font-size:1.5rem;margin:20px 0 15px}.gallery-features{display:flex;flex-wrap:wrap;font-size:1rem;gap:30px;justify-content:center;margin:30px 0}.about-section{background-color:#f8f9fa;padding:60px 20px}.about-content{margin:0 auto;max-width:900px;text-align:center}.about-content p{color:#555;font-size:1.1rem;line-height:1.8}.hobbies-section{margin:0 auto;max-width:1200px;padding:60px 20px}.hobbies-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.hobby-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:30px;text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.hobby-card:hover{box-shadow:0 8px 16px #667eea66;transform:translateY(-5px)}.ai-section{background-color:#f8f9fa;padding:60px 20px}.ai-content{margin:0 auto;max-width:1000px}.ai-content p{color:#555;font-size:1rem;line-height:1.8;margin-bottom:20px}.ai-image{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;height:auto;margin:30px auto;max-width:600px;width:100%}.ai-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:30px}.home{width:100%}@media (max-width:768px){.hero-section{height:500px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.stats-section{gap:20px;grid-template-columns:repeat(2,1fr);padding:40px 20px}.stat-number{font-size:2rem}.cta-content h2{font-size:1.8rem}.cta-content p{font-size:1rem}.section-header h2{font-size:1.8rem}.blogs-grid{grid-template-columns:1fr}.hobbies-grid{grid-template-columns:repeat(2,1fr)}.gallery-content{padding:30px}.ai-links{flex-direction:column}.ai-links .btn{width:100%}}@media (max-width:480px){.hero-section{height:350px}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.9rem}.hero-cta{gap:10px}.btn{font-size:.9rem;padding:10px 20px}.hobbies-grid{grid-template-columns:1fr}}.photo-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.photo-item{border-radius:8px;box-shadow:0 2px 8px #0000001a;position:relative}.photo-item img{display:block;height:150px;object-fit:cover;width:100%}.delete-btn{background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:24px;line-height:24px;opacity:0;position:absolute;right:5px;text-align:center;top:5px;transition:opacity .2s ease;width:24px}.photo-item:hover .delete-btn{opacity:1}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.login-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh}.login-form{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.login-form h2{color:#222;margin-bottom:15px}.login-form p{color:#666;margin-bottom:25px}.login-input{border:1px solid #ddd;border-radius:5px;font-size:1rem;margin-bottom:20px;padding:12px;width:100%}.login-error{color:#dc3545;margin-top:15px}.photo-manager{padding:40px}.manager-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:20px}.manager-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:250px 1fr}.album-list h3{margin-bottom:15px}.album-list ul{list-style:none}.album-list li{border-radius:5px;cursor:pointer;padding:12px;transition:background-color .2s ease}.album-list li:hover{background-color:#f0f0f0}.album-list li.active{background-color:#007bff;color:#fff;font-weight:600}.photo-actions{display:flex;gap:15px;margin-bottom:20px}.backend-note{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:5px;color:#856404;margin-top:20px;padding:15px}.page{min-height:100vh;padding:20px}.page-nav{margin:0 auto 30px;max-width:1200px}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;margin-bottom:50px;padding:60px 20px}.page-header h1{margin-bottom:15px}.page-header p{margin:0 auto;max-width:600px}.page-content{margin:0 auto;max-width:1000px}.page-content h2{color:#222;font-size:2rem;margin-bottom:20px}.page-content p{color:#555;font-size:1rem;line-height:1.8;margin-bottom:20px}.page-image{border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;height:auto;margin:30px 0;max-width:800px;width:100%}.page-content .btn{margin-top:20px}.blog-page{padding-top:0}.blog-container{margin:0 auto;max-width:900px;padding:0 20px}.blog-article{background:#fafafa;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:40px}.blog-meta{gap:30px}.table-of-contents{background:#f0f4ff;border-left:4px solid #667eea;border-radius:10px;margin-bottom:40px;padding:25px}.table-of-contents h3{color:#222;margin-bottom:15px}.table-of-contents ul{list-style:none;padding-left:0}.back-to-top-btn{background-color:#007bff;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:24px;height:50px;opacity:1;position:fixed;right:30px;transform:translateY(0);transition:opacity .3s ease,transform .3s ease;width:50px;z-index:1000}@keyframes fadeInButton{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-to-top-btn{animation:fadeInButton .3s ease-out forwards}.back-to-top-btn:hover{background-color:#0056b3;box-shadow:0 6px 12px #0000004d;transform:scale(1.1)}.table-of-contents li{margin-bottom:10px}.table-of-contents a{color:#007bff;text-decoration:none;transition:color .3s ease}.table-of-contents a:hover{color:#0056b3;text-decoration:underline}.blog-section{border-bottom:1px solid #eee;margin-bottom:40px;padding-bottom:30px}.blog-section:last-child{border-bottom:none}.section-toggle{align-items:center;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.section-toggle:hover,.toggle-icon{color:#007bff}.toggle-icon{font-size:1.2rem}.blog-section h2{color:#222;font-size:1.8rem;margin-bottom:20px}.blog-section h4{color:#333;font-size:1.2rem;margin-bottom:15px;margin-top:20px}.section-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.blog-image{box-shadow:0 4px 8px #0000001a;display:block;margin:30px 0;max-width:600px;width:100%}.image-carousel{align-items:center;display:flex;gap:20px;justify-content:center;margin:30px 0}.carousel-container{flex:1 1;max-width:600px;position:relative}.carousel-image{border-radius:8px;box-shadow:0 4px 12px #00000026;height:auto;width:100%}.carousel-counter{background:#0009;border-radius:20px;bottom:10px;color:#fff;font-size:.9rem;padding:5px 12px;position:absolute;right:10px}.carousel-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:50px;transition:transform .3s ease,box-shadow .3s ease;width:50px}.carousel-btn:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.carousel-indicators{display:flex;gap:8px;justify-content:center;margin-top:15px}.indicator{background:#ddd;border:none;border-radius:50%;cursor:pointer;height:12px;transition:background .3s ease;width:12px}.indicator.active{background:#007bff}.related-content{border-top:2px solid #eee;margin-top:50px;padding-top:30px}.related-content h3{color:#222;font-size:1.5rem;margin-bottom:25px}.related-blogs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.related-blog-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;padding:20px;text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.related-blog-card:hover{box-shadow:0 8px 16px #667eea4d;transform:translateY(-5px)}.related-blog-card span{display:block;font-weight:600}.gallery-page{padding-top:0}.gallery-container{margin:0 auto;max-width:1200px;padding:40px 20px}.gallery-controls{margin-bottom:40px;text-align:center}.gallery-controls h3{color:#222;font-size:1.3rem;margin-bottom:20px}.category-filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.filter-btn{background:#f0f0f0;border:2px solid #ddd;border-radius:25px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.filter-btn:hover{border-color:#007bff;color:#007bff}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.photo-count{color:#666;font-size:.95rem}.gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:60px}.gallery-item{border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.gallery-image-wrapper{height:200px;overflow:hidden;position:relative}.gallery-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-item:hover .gallery-image{transform:scale(1.05)}.gallery-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-zoom-icon{color:#fff;font-size:2rem}.gallery-info{background:#fff;padding:15px}.gallery-info h4{color:#222;font-size:1rem;margin:0 0 5px}.gallery-category{color:#007bff;font-size:.85rem;margin:0;text-transform:capitalize}.lightbox{animation:fadeIn .3s ease;padding:20px}.lightbox-content{border-radius:8px;display:flex;flex-direction:column;max-width:900px;width:100%}.lightbox-close{background:#0000;color:#333;font-size:2rem;transition:color .3s ease}.lightbox-close:hover{color:#007bff}.lightbox-image-container{background:#f8f9fa;min-height:400px;position:relative}.lightbox-image{max-height:600px}.lightbox-nav{transition:background .3s ease;z-index:5}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}.lightbox-info{padding:25px}.lightbox-info h2{color:#222;font-size:1.5rem;margin:0 0 15px}.lightbox-info p{color:#555;line-height:1.6;margin:10px 0}.lightbox-category{color:#007bff;font-weight:600;text-transform:capitalize}.gallery-features{border-top:2px solid #eee;margin-top:80px;padding-top:60px}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#f8f9fa;border-radius:8px;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.feature-icon{display:block;font-size:2.5rem;margin-bottom:15px}.feature-card h3{color:#222;margin-bottom:10px}.blog-figure{margin:30px 0;text-align:center}.blog-figure figcaption{color:#666;font-size:.95rem;font-style:italic;margin-top:10px}.publications-list{color:#555;line-height:1.8;padding-left:25px}.publications-list li{font-size:.95rem;margin-bottom:15px}.publications-note{color:#999;font-style:italic;margin-top:20px;text-align:center}.resources-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:20px 0}.resource-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;padding:15px;text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.resource-link:hover{box-shadow:0 6px 12px #667eea4d;transform:translateY(-3px)}.resource-link span{display:block;font-weight:600}.blog-footer{border-top:2px solid #eee;color:#666;font-size:.95rem;margin-top:50px;padding-top:30px;text-align:center}.blog-footer p{margin:10px 0}.blog-footer a{color:#007bff;text-decoration:none}.blog-footer a:hover{text-decoration:underline}@media (max-width:768px){.blog-article{padding:25px}.blog-section h2{font-size:1.5rem}.image-carousel{flex-direction:column;gap:15px}.carousel-btn{font-size:1.2rem;height:40px;width:40px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.lightbox-content{max-width:95%}.lightbox-image-container{min-height:300px}.lightbox-image{max-height:400px}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.blog-article{padding:15px}.blog-section{margin-bottom:25px}.blog-meta{gap:15px}.table-of-contents{padding:15px}.gallery-grid{grid-template-columns:1fr}.category-filters{gap:8px}.filter-btn{font-size:.9rem;padding:8px 15px}.features-grid,.related-blogs{grid-template-columns:1fr}.lightbox-nav{font-size:1.2rem;height:40px;width:40px}}.test-page{padding-top:0}.test-container{margin:0 auto;max-width:1200px;padding:40px 20px}.test-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;margin-bottom:40px;padding:40px}.summary-card{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.summary-stat{text-align:center}.stat-value{display:block;font-size:2.5rem;font-weight:700;margin-bottom:10px}.stat-label{display:block;font-size:.95rem}.summary-progress{margin-bottom:25px}.progress-bar{background:#fff3;border-radius:10px;height:10px}.progress-fill{transition:width .5s ease}.btn-large{font-size:1.1rem;padding:15px;width:100%}.test-cases{margin-bottom:50px}.test-cases h2{color:#222;font-size:1.8rem;margin-bottom:25px}.test-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.test-case{background:#fff;border-left:4px solid #ddd;border-radius:8px;padding:20px;transition:all .3s ease}.test-case.pass{background:#f0fff4;border-left-color:#28a745}.test-case.fail{background:#fff5f5;border-left-color:#dc3545}.test-case.pending{background:#fffbf0;border-left-color:#ffc107}.test-case:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.test-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.test-status{font-size:1.5rem;font-weight:700;min-width:30px}.test-status.pass{color:#28a745}.test-status.fail{color:#dc3545}.test-status.pending{color:#ffc107}.test-header h3{color:#222;font-size:1.1rem;margin:0}.test-description{color:#555;font-weight:600;margin-bottom:10px}.test-details{color:#999;font-size:.9rem;margin:0}.feature-checklist{background:#f8f9fa;border-radius:8px;margin-bottom:40px;padding:40px}.feature-checklist h2{color:#222;font-size:1.8rem;margin-bottom:25px}.checklist-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.checklist-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;gap:12px;padding:12px}.checklist-item input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checklist-item label{color:#555;cursor:pointer;flex:1 1;margin:0}.testing-guide{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:40px;padding:40px}.testing-guide h2{color:#222;font-size:1.8rem;margin-bottom:25px}.guide-content h3{color:#333;font-size:1.3rem;margin:25px 0 15px}.guide-content ul{margin-bottom:20px;margin-left:20px}.guide-content li{color:#555;line-height:1.6;margin-bottom:8px}.build-info{margin-bottom:40px}.build-info h2{color:#222;font-size:1.8rem;margin-bottom:25px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;padding:25px;text-align:center}.info-card h3{font-size:1.1rem;margin:0 0 10px}.info-value{font-size:1.8rem;font-weight:700;margin:0 0 5px}.info-label{font-size:.9rem;margin:0;opacity:.9}.quick-links{margin-bottom:40px}.quick-links h2{color:#222;font-size:1.8rem;margin-bottom:25px}.links-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.quick-link{background:#007bff;border-radius:6px;color:#fff;font-weight:600;padding:12px;text-align:center;text-decoration:none;transition:all .3s ease}.quick-link:hover{background:#0056b3;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}@media (max-width:768px){.test-container{padding:20px}.test-summary{padding:25px}.summary-card{gap:20px;grid-template-columns:repeat(2,1fr)}.stat-value{font-size:2rem}.checklist-grid,.test-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,1fr)}.links-grid{grid-template-columns:repeat(3,1fr)}}.photo-manager-nav{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin:20px 0;padding:0 0 10px}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .3s ease}.tab-btn:hover{color:#333}.tab-btn.active{border-bottom-color:#2196f3;color:#2196f3}.albums-header{margin:30px 0 25px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App,body{min-height:100vh;padding:20px 0}.App{background:#f5f7fa;width:100%}.page{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin:0 auto;max-width:1200px;padding:0 20px}.page-header{background:#fff;border-left:6px solid #667eea;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px;padding:40px 30px;text-align:center}.page-header h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}.page-header p{color:#666;font-size:1.1rem}.page-content{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:40px}.albums-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.albums-header h2{color:#333;font-size:2rem;margin:0}.albums-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.album-card{border:1px solid #eee;box-shadow:0 5px 15px #0000001a;cursor:pointer;position:relative;transition:transform .3s ease,box-shadow .3s ease}.album-card:hover{box-shadow:0 15px 30px #0003;transform:translateY(-8px)}.album-cover-image{background:linear-gradient(135deg,#667eea,#764ba2);height:200px;overflow:hidden;position:relative;width:100%}.album-cover-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.album-card:hover .album-cover-image img{transform:scale(1.05)}.album-info h3{font-weight:600}.album-description{color:#666;font-size:.95rem;line-height:1.4;margin-bottom:12px}.album-meta{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:12px}.photo-count{font-weight:500}.album-date{color:#bbb}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f0f0f0;border:1px solid #ddd;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-full{width:100%}.page-nav{padding:15px 0}.page-nav .btn{flex:1 1;max-width:200px}.photos-header{align-items:center;border-bottom:2px solid #eee;margin-bottom:30px}.photos-header h2{font-size:1.8rem;margin:0}.photo-count-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.photo-item{background:#fff;border-radius:10px;box-shadow:0 3px 10px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.photo-item:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.photo-image-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);height:180px;overflow:hidden;position:relative;width:100%}.photo-thumbnail{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.photo-item:hover .photo-thumbnail{transform:scale(1.1)}.photo-overlay{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.photo-item:hover .photo-overlay{opacity:1}.photo-zoom-icon{color:#fff;font-size:2rem}.photo-info{padding:12px}.photo-info h4{color:#333;font-size:.95rem;font-weight:600;margin-bottom:4px}.photo-caption{color:#999;font-size:.8rem;line-height:1.3}.lightbox{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.lightbox-content{animation:slideIn .3s ease;background:#fff;border-radius:15px;max-height:90%;max-width:90%;overflow:hidden;position:relative}@keyframes slideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-close{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:10}.lightbox-close:hover{background:#000000e6}.lightbox-image-container{align-items:center;background:#f5f5f5;display:flex;justify-content:center;max-height:60vh}.lightbox-image{max-height:60vh;max-width:100%;object-fit:contain}.lightbox-nav{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.lightbox-nav:hover{background:#000c}.lightbox-nav.prev{left:15px}.lightbox-nav.next{right:15px}.lightbox-info{background:#fff;padding:20px 30px}.lightbox-info h2{color:#333;font-size:1.3rem;margin-bottom:8px;margin-top:0}.lightbox-info p{color:#666;font-size:.95rem;margin-bottom:5px}.lightbox-date{color:#999;font-size:.85rem}.empty-state{color:#999;padding:40px;text-align:center}.empty-state p{font-size:1.1rem}@media (max-width:768px){.page-header{padding:25px 20px}.page-header h1{font-size:1.8rem}.page-content{padding:20px}.albums-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.photos-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.lightbox-content{max-height:95%;max-width:95%}.lightbox-image,.lightbox-image-container{max-height:50vh}.lightbox-nav{font-size:1.2rem;height:40px;width:40px}}.album-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.album-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.album-cover{background:#f5f5f5;height:180px;overflow:hidden;position:relative;width:100%}.album-cover img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.album-card:hover .album-cover img{transform:scale(1.05)}.album-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.album-card:hover .album-overlay{opacity:1}.album-overlay .btn{margin:0}.album-info{padding:20px}.album-info h3{color:#333;font-size:1.3rem;margin-bottom:8px}.album-info p{color:#666;font-size:.95rem;line-height:1.4;margin-bottom:12px}.album-meta{color:#999;display:flex;font-size:.85rem;justify-content:space-between;margin:12px 0}.btn-small{font-size:.9rem!important;margin-top:10px;padding:8px 12px!important}.new-album-form{background:#f9f9f9;border:2px dashed #2196f3;border-radius:8px;margin:20px 0;padding:25px}.new-album-form h3{color:#333;margin-bottom:15px}.form-input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;margin:10px 0;padding:12px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.form-buttons{display:flex;gap:10px;margin-top:15px}.form-buttons .btn{flex:1 1}.photos-header{align-items:flex-start;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin:25px 0;padding-bottom:20px}.photos-header h2{color:#333;font-size:2rem}.photos-header p{color:#666;margin-top:5px}.photos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:30px 0}.photo-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.photo-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.photo-card-image{background:#f5f5f5;height:180px;overflow:hidden;position:relative;width:100%}.photo-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.photo-card:hover .photo-card-image img{transform:scale(1.05)}.btn-delete-photo{align-items:center;background:#f00c!important;border:none!important;border-radius:50%;color:#fff!important;cursor:pointer;display:flex;font-size:.9rem!important;height:36px!important;justify-content:center;opacity:0;padding:6px 8px!important;position:absolute;right:5px;top:5px;transition:opacity .3s ease;width:36px!important}.photo-card:hover .btn-delete-photo{opacity:1}.btn-delete-photo:hover{background:red!important;transform:scale(1.1)}.photo-card .photo-info{padding:12px}.photo-card h4{color:#333;font-size:1rem;margin-bottom:5px}.photo-card p{color:#666;font-size:.85rem;line-height:1.3;margin-bottom:5px}.photo-card small{color:#999;font-size:.75rem}.no-photos{color:#999;grid-column:1/-1;padding:60px 20px;text-align:center}.no-photos p{font-size:1.1rem}.upload-zone{background:#f5f9ff;border:2px dashed #2196f3;border-radius:8px;margin:30px 0;padding:40px 20px;text-align:center}.upload-zone h3{color:#333;margin-bottom:20px}.drag-drop-area{background:#fff;border:2px dashed #2196f3;border-radius:6px;margin:15px 0;padding:30px}.drag-drop-area.drag-over{background:#e3f2fd;border-color:#1976d2;box-shadow:0 0 0 3px #2196f31a}.drag-drop-area p{color:#666;margin:10px 0}.file-input{display:none}.upload-zone .btn{margin-top:15px}.upload-progress{margin:20px 0}.progress-bar{background:#e0e0e0;border-radius:4px;height:8px;margin:10px 0;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:4px;height:100%;transition:width .3s ease;width:0}.progress-bar+p{color:#666;font-size:.85rem;margin-top:8px;text-align:center}.upload-message{background:#c8e6c9;border:1px solid #81c784;border-radius:6px;color:#2e7d32;font-size:.95rem;font-weight:500;margin:15px 0;padding:12px;text-align:center}.upload-info{color:#666;font-size:.9rem;margin-top:15px}.upload-info code{background:#f0f0f0;border-radius:4px;color:#2196f3;display:block;font-family:monospace;margin-top:8px;padding:5px 8px;word-break:break-all}.auth-container{align-items:center;display:flex;justify-content:center;min-height:500px;padding:20px}.auth-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:400px;padding:40px;width:100%}.auth-box h2{color:#333;margin-bottom:15px;text-align:center}.auth-box p{color:#666;margin-bottom:25px;text-align:center}.auth-input{font-size:1rem!important;letter-spacing:1px;margin-bottom:15px;padding:14px!important;width:100%}.auth-input::placeholder{color:#999}.error-message{background:#ffebee;border:1px solid #ef5350;border-radius:6px;color:#c62828;font-size:.95rem;margin-bottom:15px;padding:12px;text-align:center}.btn-large{font-size:1.1rem!important;font-weight:600;padding:14px!important;width:100%!important}.auth-info{background:#e3f2fd;border:1px solid #2196f3;border-radius:6px;color:#1565c0;font-size:.9rem;margin-top:20px;padding:15px}.auth-info p{margin:0;text-align:left}.auth-info strong{color:#0d47a1}.album-edit-form{background:linear-gradient(135deg,#fff9e6,#fff7d6);border:2px solid #fbc02d;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px}.album-edit-form h3{color:#f57f17;margin-bottom:15px;text-align:center}.album-edit-form .form-input{background:#fff;border:1px solid #fbc02d;margin:10px 0}.album-edit-form .form-input:focus{border-color:#f57f17;box-shadow:0 0 0 3px #f57f171a}.album-edit-form .form-buttons{display:flex;gap:10px;margin-top:15px}.album-edit-form .form-buttons .btn{flex:1 1}.album-actions{display:flex;gap:8px;margin-top:10px}.album-actions .btn{flex:1 1}.page-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.page-nav .btn-danger{margin-left:auto}@media (max-width:480px){.auth-box{padding:25px}.auth-box h2{font-size:1.5rem}.auth-input,.btn-large{padding:12px!important}.btn-large{font-size:1rem!important}}@media (max-width:768px){.albums-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.album-card{border-radius:8px}.album-cover{height:150px}.photos-header{flex-direction:column;gap:15px}.photos-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.photo-card img{height:150px}.upload-zone{padding:25px 15px}.drag-drop-area{padding:20px}.album-actions,.page-nav{flex-direction:column}.page-nav .btn-danger{margin-left:0}}@media (max-width:480px){.stats-section{gap:20px;grid-template-columns:1fr;padding:30px 20px}.stat-number{font-size:2rem}.hobbies-grid{gap:20px;grid-template-columns:1fr}.hobby-card{padding:20px}.hobby-emoji{font-size:2.5rem}.cta-section h2{font-size:1.5rem}.cta-section p{font-size:.95rem}.photo-manager-nav{overflow-x:auto;padding-bottom:5px}.tab-btn{font-size:.9rem;padding:8px 12px;white-space:nowrap}.albums-header{align-items:flex-start;flex-direction:column;gap:15px}.albums-header h2{font-size:1.5rem}.albums-grid{gap:15px;grid-template-columns:1fr}.album-edit-form,.album-info{padding:15px}.album-actions{flex-direction:row}.album-actions .btn{flex:1 1;font-size:.85rem}.photos-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.photo-card img{height:120px}.upload-zone{padding:20px 15px}.test-summary{padding:15px}.summary-card{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.info-grid,.links-grid{grid-template-columns:1fr}}.intro-highlight{background:linear-gradient(135deg,#f5f7fa,#e3e9f0);border-left:5px solid #667eea;border-radius:12px;margin:20px 0;padding:25px}.intro-highlight p{margin-bottom:15px}.intro-highlight p:last-child{margin-bottom:0}.ai-applications-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:20px 0;padding:0}.ai-applications-list li{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;font-size:1rem;padding:12px 18px;transition:transform .2s ease,box-shadow .2s ease}.ai-applications-list li:hover{box-shadow:0 4px 12px #667eea26;transform:translateX(5px)}.network-features-list{background:#f8f9fa;border-radius:8px;line-height:1.8;margin:20px 0;padding:20px 20px 20px 40px}.network-features-list li{margin-bottom:10px}.image-container{align-items:center;background:#f0f0f0;border-radius:8px;display:flex;justify-content:center;min-height:200px;position:relative}.image-placeholder{color:#999;font-size:.95rem;font-style:italic}.blog-image{border-radius:8px;box-shadow:0 4px 20px #0000001a;height:auto;max-width:100%;transition:transform .3s ease}.blog-image:hover{transform:scale(1.02)}.key-insight{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:5px solid #4caf50;border-radius:12px;box-shadow:0 4px 15px #4caf501a;margin:30px 0;padding:25px}.key-insight p{color:#2e7d32;margin-bottom:15px}.key-insight p:last-child{margin-bottom:0}.warning-box{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:5px solid #ff9800;border-radius:12px;box-shadow:0 4px 15px #ff98001a;margin:30px 0;padding:25px}.warning-box h3{font-size:1.2rem}.warning-box h3,.warning-box p{color:#e65100;margin-bottom:15px}.warning-box p:last-child{margin-bottom:0}.publications-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:30px 0}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 20px #667eea4d;color:#fff;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 30px #667eea66;transform:translateY(-5px)}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0003}.stat-label{font-size:1rem;letter-spacing:1px;opacity:.9;text-transform:uppercase}.scholar-link{background:#fff3;border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 20px;text-decoration:none;transition:background .3s ease}.scholar-link:hover{background:#ffffff4d}.publication-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;margin-bottom:20px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.publication-item:hover{box-shadow:0 4px 20px #667eea26;transform:translateX(8px)}.pub-title{color:#222;font-size:1.05rem;font-weight:600;line-height:1.5;margin-bottom:10px}.pub-authors{color:#555;font-size:.95rem;margin-bottom:8px}.pub-venue{color:#777;font-size:.9rem;font-style:italic;margin-bottom:8px}.pub-meta{color:#999;display:flex;flex-wrap:wrap;font-size:.85rem;gap:15px}.pub-citations,.pub-year{align-items:center;display:inline-flex;gap:5px}.pub-citations{color:#667eea;font-weight:600}.resource-link{align-items:center;display:flex;flex-direction:column;gap:10px;padding:20px}.resource-icon{display:block;font-size:2rem}.resource-text{font-size:1rem;font-weight:600}.blog-footer{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-top:3px solid #667eea;margin-top:60px;padding:30px 20px}.footer-content{margin:0 auto;max-width:800px}.footer-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#764ba2;text-decoration:underline}.section-toggle{cursor:pointer;outline:none;transition:background-color .3s ease}.section-toggle:focus{border-radius:8px;outline:3px solid #667eea;outline-offset:3px}.section-toggle:focus:not(:focus-visible){outline:none}.page-subtitle{color:#555;font-size:1.3rem;line-height:1.6;margin:15px 0 25px}.blog-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.95rem;gap:20px;justify-content:center;margin-top:20px}.blog-meta span{align-items:center;background:#667eea1a;border-radius:20px;display:inline-flex;gap:5px;padding:8px 15px}@media (max-width:768px){.ai-applications-list,.publications-summary{grid-template-columns:1fr}.stat-number{font-size:2rem}.intro-highlight,.key-insight,.warning-box{padding:20px}.publication-item{padding:15px}.blog-meta{flex-direction:column;gap:10px}.resource-icon{font-size:1.5rem}}@media (max-width:480px){.stat-number{font-size:1.8rem}.resource-link{padding:15px}}
/*# sourceMappingURL=main.5d15a4f6.css.map*/