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}.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #0000001a;left:0;padding:.75rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.site-header.scrolled{background-color:#fffffffa;box-shadow:0 2px 20px #0000001a;padding:.5rem 0}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.header-container,.logo-area,.logo-link{align-items:center;display:flex}.logo-link{color:#333;font-size:1.5rem;font-weight:700;text-decoration:none}.logo-icon{font-size:1.8rem;margin-right:.75rem}.logo-text{color:#2c3e50;font-size:1.5rem;font-weight:700}.desktop-nav{align-items:center;display:flex}.nav-list{display:flex;gap:1.5rem;list-style:none}.nav-item,.nav-link{position:relative}.nav-link{align-items:center;color:#555;display:flex;font-weight:500;gap:.5rem;padding:.5rem 0;text-decoration:none;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:#3498db}.nav-link.active:after{background-color:#3498db;border-radius:1px;bottom:-5px;content:"";height:2px;left:0;position:absolute;right:0}.header-actions{gap:1rem}.header-actions,.search-toggle{align-items:center;display:flex}.search-toggle{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.1rem;justify-content:center;padding:.5rem;transition:background-color .3s ease}.search-toggle:hover{background-color:#f1f3f4}.search-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.search-form{display:flex;max-width:600px;position:relative;width:90%}.search-input{border:none;border-radius:50px;font-size:1.1rem;outline:none;padding:1rem 4rem 1rem 1rem}.search-submit{font-size:1.2rem;right:80px}.search-close,.search-submit{background:none;border:none;cursor:pointer;padding:.5rem;position:absolute}.search-close{color:#fff;font-size:1.5rem;right:15px}.user-actions{align-items:center;display:flex;gap:1rem}.write-post-button{align-items:center;background-color:#3498db;border-radius:25px;color:#fff;display:flex;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.write-post-button:hover{background-color:#2980b9;transform:translateY(-2px)}.notification-button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;padding:.5rem;position:relative;transition:background-color .3s ease}.notification-button:hover{background-color:#f1f3f4}.notification-badge{background-color:#e74c3c;border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-2px;top:-2px;width:18px}.notification-badge,.user-menu{align-items:center;display:flex}.user-menu{text-decoration:none}.user-button{background:none;border:none;border-radius:50%;cursor:pointer;padding:.25rem;transition:background-color .3s ease}.user-button:hover{background-color:#f1f3f4}.user-avatar{border:2px solid #e0e0e0;border-radius:50%;height:32px;object-fit:cover;width:32px}.mobile-menu-toggle{background:none;border:none;color:#333;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.menu-icon{align-items:center;display:flex;justify-content:center;transition:all .3s ease}.mobile-nav{background-color:#fff;box-shadow:0 10px 30px #0000001a;left:0;max-height:0;overflow:hidden;position:fixed;right:0;top:100%;transition:max-height .3s ease,top .3s ease;z-index:999}.mobile-nav.open{max-height:100vh;top:100%}.mobile-nav-content{padding:1.5rem}.mobile-nav-list{list-style:none;margin-bottom:1.5rem}.mobile-nav-item{margin-bottom:1rem}.mobile-nav-link{border-radius:8px;color:#333;display:block;font-size:1.2rem;padding:.75rem 1rem;text-decoration:none;transition:background-color .3s ease}.mobile-nav-link.active,.mobile-nav-link:hover{background-color:#f8f9fa;color:#3498db}.mobile-user-actions{display:flex;flex-direction:column;gap:.75rem}.mobile-login-button,.mobile-register-button,.mobile-write-button{border-radius:8px;display:block;font-weight:500;padding:.75rem;text-align:center;text-decoration:none;transition:background-color .3s ease}.mobile-write-button{background-color:#3498db;color:#fff}.mobile-login-button{background-color:#f8f9fa;border:1px solid #dee2e6;color:#333}.mobile-register-button{background-color:#e9ecef;color:#333}@media (max-width:768px){.header-container{padding:0 1rem}.desktop-nav{display:none}.mobile-menu-toggle{display:block}.user-actions>:not(.mobile-menu-toggle){display:none}.logo-text{font-size:1.3rem}.search-overlay .search-input{padding:.8rem 3.5rem .8rem .8rem}.search-overlay .search-submit{right:65px}.nav-list{gap:1rem}}@media (max-width:480px){.logo-text{font-size:1.2rem}.write-post-button{border-radius:50%;padding:.6rem}.write-post-button span{display:none}.write-post-button:before{content:"✍️";display:block}}.app-footer{align-items:center;background:#f0f2f5;color:#000000a6;display:flex;flex-direction:column;gap:10px;padding:24px 50px;text-align:center}.social-links{margin:10px 0}.social-links .ant-typography-link{transition:color .3s ease}.social-links .ant-typography-link:hover .anticon{color:#1890ff!important}.post-card{border-radius:10px;box-shadow:0 3px 10px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.post-card:hover{box-shadow:0 10px 25px #00000026}.post-image{height:200px;overflow:hidden;width:100%}.post-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.post-card:hover .post-image img{transform:scale(1.05)}.post-content{display:flex;flex:1 1;flex-direction:column;padding:25px}.post-meta-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.post-categories{display:flex;flex-wrap:wrap;gap:8px}.category-tag{background:#e3f2fd;color:#1976d2;font-weight:500}.category-tag,.featured-badge{border-radius:20px;font-size:.8rem;padding:4px 10px}.featured-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-weight:600}.post-title{line-height:1.3;margin:0 0 15px}.post-excerpt{color:#666;flex:1 1}.post-meta-bottom{margin-bottom:20px}.post-author{align-items:center;display:flex;margin-bottom:15px}.author-avatar{border-radius:50%;height:32px;margin-right:10px;overflow:hidden;width:32px}.author-avatar img{height:100%;object-fit:cover;width:100%}.author-name{color:#333;font-size:.9rem;font-weight:500}.post-details{color:#777;display:flex;font-size:.9rem;gap:15px}.post-comments,.post-date,.post-read-time{align-items:center;display:flex;gap:5px}.post-tags{margin-top:auto}.tag{font-size:.85rem;transition:color .3s ease}.tag:hover{color:#0d47a1}.post-actions{background:#fafafa;border-top:1px solid #eee;padding:15px 25px}.action-button{align-items:center;background:none;border:none;border-radius:5px;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:8px 15px;text-decoration:none;transition:all .3s ease}.action-button:hover{background:#f0f0f0;color:#333}.like-button:hover{background:#ffebee;color:#e53935}.bookmark-button:hover{background:#fff8e1;color:#ffca28}.comment-button:hover{background:#e3f2fd;color:#1976d2}.like-count{font-size:.9rem}.post-card.compact{flex-direction:row}.post-card.compact .post-image{height:auto;min-height:150px;width:200px}.post-card.compact .post-content{padding:20px}.post-card.compact .post-title{font-size:1.3rem}.post-card.no-image .post-image{display:none}.post-card.horizontal{flex-direction:row}.post-card.horizontal .post-image{height:auto;min-height:200px;width:250px}.post-card.horizontal .post-content{flex:1 1}.post-card.featured{border-left:5px solid #1976d2}.post-card.featured .post-title{font-size:1.8rem}.post-card.minimal{border:1px solid #eee;box-shadow:none}.post-card.minimal:hover{box-shadow:0 2px 5px #0000000d;transform:none}.post-card.minimal .post-content{padding:20px}.post-card.minimal .post-title{font-size:1.2rem;margin-bottom:10px}.post-card.minimal .post-excerpt{font-size:.95rem;margin-bottom:15px}.post-card.minimal .post-meta-top{margin-bottom:10px}.post-card.minimal .post-details{font-size:.8rem;gap:10px}.post-card.minimal .post-actions{padding:10px 20px}.post-card.without-author .post-author{display:none}@media (max-width:768px){.post-card.compact,.post-card.horizontal{flex-direction:column}.post-card.compact .post-image,.post-card.horizontal .post-image{height:200px;width:100%}.post-title{font-size:1.3rem}.post-card.featured .post-title{font-size:1.5rem}.post-content{padding:20px}.post-actions{padding:12px 20px}.action-button{font-size:.85rem;padding:6px 12px}}@media (max-width:480px){.post-meta-top{align-items:flex-start;flex-direction:column;gap:10px}.post-details{flex-wrap:wrap}.post-tags{gap:5px}.tag{font-size:.8rem}.post-actions{flex-wrap:wrap;gap:5px}.action-button{flex:1 1;justify-content:center}}.posts-container{margin:80px auto 0;max-width:1200px;padding:2rem 1rem}.posts-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.posts-header h1{color:#333;font-size:1.8rem;margin:0}.posts-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.write-new-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.write-new-btn a{color:#fff;text-decoration:none}.write-new-btn:hover{background-color:#0056b3}.filter-options{display:flex;gap:.5rem}.filter-btn{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.filter-btn:hover{background-color:#f8f9fa}.filter-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.loading{padding:2rem}.no-posts{padding:3rem}.no-posts a{color:#007bff;text-decoration:none}.no-posts a:hover{text-decoration:underline}.posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}@media (max-width:768px){.posts-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:480px){.posts-grid{gap:1.5rem;grid-template-columns:1fr}.posts-container{margin-top:70px;padding:1rem}.posts-header{align-items:flex-start;flex-direction:column}.posts-actions{justify-content:space-between;width:100%}.posts-header h1{font-size:1.5rem}}.write-post-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:80px auto 0;max-width:1000px;padding:2rem 1rem}.write-post-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.write-post-header h1{color:#333;font-size:1.8rem;margin:0}.post-actions{display:flex;gap:1rem}.publish-btn,.save-draft-btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.save-draft-btn{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.save-draft-btn:hover{background-color:#e9ecef}.publish-btn{background-color:#28a745;color:#fff}.publish-btn:hover:not(:disabled){background-color:#218838}.publish-btn:disabled{background-color:#6c757d;cursor:not-allowed}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.form-group label:has(+.content-input:required):after,.form-group label:has(+.title-input:required):after{color:#dc3545;content:" *"}.title-input{border:1px solid #ddd;border-radius:6px;font-size:1.2rem;font-weight:500;padding:.75rem;transition:border-color .3s ease;width:100%}.title-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.category-select{background-color:#fff;border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.category-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.excerpt-input{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;resize:vertical;transition:border-color .3s ease;width:100%}.excerpt-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.tags-input-container{border:1px solid #ddd;border-radius:6px;padding:.75rem;transition:border-color .3s ease}.tags-input-container:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.tags-list{gap:.5rem;margin-bottom:.75rem}.tag-item{align-items:center;background-color:#e3f2fd;color:#1976d2;display:inline-flex;font-size:.9rem;padding:.25rem .75rem}.remove-tag-btn{background:none;border:none;color:#1976d2;cursor:pointer;font-weight:700;margin-left:.5rem;padding:0 2px}.remove-tag-btn:hover{color:#d32f2f}.add-tag-input{display:flex;gap:.5rem}.tag-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.9rem;padding:.5rem}.tag-input:focus{border-color:#007bff;outline:none}.add-tag-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.add-tag-btn:hover{background-color:#0056b3}.content-input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem;min-height:300px;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.content-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}@media (max-width:768px){.write-post-container{margin-top:70px;padding:1rem}.write-post-header{align-items:flex-start;flex-direction:column;gap:1rem}.post-actions{justify-content:flex-end;width:100%}.publish-btn,.save-draft-btn{font-size:.9rem;padding:.6rem 1.2rem}}.home-container{display:flex;gap:30px;margin:0 auto;max-width:1200px;padding:20px}.main-content{flex:3 1}.sidebar{flex:1 1}.search-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.search-box{display:flex;margin-bottom:20px}.search-input{border:1px solid #ddd;border-radius:4px 0 0 4px;flex:1 1;font-size:16px;padding:12px 15px}.search-button{background:#1976d2;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;padding:12px 20px}.tags-filter h3{color:#333;margin-bottom:15px;margin-top:0}.tags-list{display:flex;flex-wrap:wrap;gap:10px}.tag-item{background:#f5f5f5;border:none;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .3s ease}.tag-item.active,.tag-item:hover{background:#1976d2;color:#fff}.posts-section h2{border-bottom:1px solid #eee;color:#333;margin-bottom:20px;margin-top:0;padding-bottom:10px}.post-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.post-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.post-header{margin-bottom:15px}.post-title{font-size:1.5rem;margin:0 0 10px}.post-meta{color:#666;display:flex;font-size:.9rem;gap:15px;margin-bottom:15px}.post-excerpt{color:#555;line-height:1.6;margin-bottom:20px}.post-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:15px}.post-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#e3f2fd;border-radius:20px;color:#1976d2;cursor:pointer;font-size:.8rem;padding:4px 10px;transition:all .3s ease}.tag.active,.tag:hover{background:#1976d2;color:#fff}.read-more{color:#1976d2;font-weight:500;text-decoration:none;transition:color .3s ease}.read-more:hover{color:#0d47a1}.pagination{display:flex;gap:10px;justify-content:center;margin-top:30px}.pagination-button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 15px;transition:all .3s ease}.pagination-button:hover:not(:disabled){background:#f5f5f5}.pagination-button.active{background:#1976d2;border-color:#1976d2;color:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.no-posts{font-size:1.1rem}.widget{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:25px;padding:25px}.widget h3{border-bottom:1px solid #eee;color:#333;margin-bottom:20px;margin-top:0;padding-bottom:10px}.about-content{display:flex;gap:15px}.avatar img{border-radius:50%;height:80px;width:80px}.bio h4{margin:0 0 10px}.bio p{color:#666;line-height:1.5;margin:0 0 15px}.social-links{gap:10px}.social-link{font-size:.9rem;transition:color .3s ease}.social-link:hover{color:#0d47a1}.popular-posts{list-style:none;margin:0;padding:0}.popular-posts li{border-bottom:1px solid #f5f5f5;padding:12px 0}.popular-posts li:last-child{border-bottom:none}.popular-post-link{align-items:center;color:#333;display:flex;text-decoration:none;transition:color .3s ease}.popular-post-link:hover{color:#1976d2}.post-number{background:#1976d2;border-radius:50%;color:#fff;display:inline-block;font-size:.8rem;height:24px;line-height:24px;margin-right:10px;text-align:center;width:24px}.popular-post-link .post-title{flex:1 1;font-size:.95rem;margin:0}.tags-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud-item{background:#f5f5f5;border-radius:20px;cursor:pointer;padding:6px 12px;transition:all .3s ease}.tag-cloud-item.active,.tag-cloud-item:hover{background:#1976d2;color:#fff}@media (max-width:768px){.home-container,.search-box{flex-direction:column}.search-input{border-radius:4px;margin-bottom:10px}.search-button{border-radius:4px;padding:12px}.post-meta{flex-direction:column;gap:5px}.post-footer{align-items:flex-start;flex-direction:column;gap:15px}.about-content{flex-direction:column;text-align:center}.social-links{justify-content:center}}.archive-container{margin:0 auto;max-width:1000px;padding:20px}.archive-header{margin-bottom:40px;text-align:center}.archive-header h1{color:#333;font-size:2.5rem;margin:0 0 10px}.archive-header p{color:#666;font-size:1.1rem;margin:0}.archive-controls{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;padding:20px}.view-mode-toggle{border:1px solid #ddd;border-radius:5px;display:flex;overflow:hidden}.view-mode-toggle button{background:#fff;border:none;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.view-mode-toggle button:first-child{border-right:1px solid #ddd}.view-mode-toggle button.active{background:#1976d2;color:#fff}.filter-select{background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 15px}.archive-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.archive-category,.archive-year{margin-bottom:40px}.archive-category:last-child,.archive-year:last-child{margin-bottom:0}.category-header,.year-header{border-bottom:2px solid #1976d2;color:#333;font-size:1.8rem;margin:0 0 20px;padding-bottom:10px}.month-header{border-left:4px solid #667eea;color:#555;font-size:1.4rem;margin:0 0 15px;padding-left:15px}.posts-list{list-style:none;margin:0 0 30px;padding:0}.post-item{border-bottom:1px solid #f5f5f5;padding:12px 0}.post-item:last-child{border-bottom:none}.post-link{align-items:center;color:#333;display:flex;gap:15px;text-decoration:none;transition:color .3s ease}.post-date,.post-link:hover{color:#1976d2}.post-date{font-weight:500;min-width:80px}.post-title{flex:1 1;font-weight:500}.post-category{background:#e3f2fd;border-radius:20px;color:#1976d2;font-size:.85rem;padding:3px 10px}.archive-stats{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;gap:40px;justify-content:center;padding:25px}.stat-item{text-align:center}.stat-number{color:#1976d2;display:block;font-size:2.5rem;font-weight:700;margin-bottom:5px}.stat-label{color:#666;font-size:1rem}.loading,.no-posts{color:#666;font-size:1.2rem;padding:50px;text-align:center}@media (max-width:768px){.archive-container{padding:15px}.archive-header h1{font-size:2rem}.archive-controls{align-items:stretch;flex-direction:column}.view-mode-toggle{width:100%}.archive-content{padding:20px}.category-header,.year-header{font-size:1.5rem}.month-header{font-size:1.2rem}.post-link{align-items:flex-start;flex-direction:column;gap:5px}.archive-stats{flex-direction:column;gap:20px}.stat-number{font-size:2rem}}@media (max-width:480px){.archive-header h1{font-size:1.8rem}.category-header,.year-header{font-size:1.3rem}.month-header{font-size:1.1rem}}.about-container{margin:0 auto;max-width:1000px;padding:20px}.about-header{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;display:flex;gap:40px;margin-bottom:30px;padding:40px}.profile-image img{border:5px solid #f0f0f0;border-radius:50%;height:150px;object-fit:cover;width:150px}.profile-info{flex:1 1}.profile-info h1{color:#333;font-size:2.5rem;margin:0 0 10px}.profile-info h2{color:#1976d2;font-size:1.5rem;font-weight:400;margin:0 0 20px}.bio{color:#555;font-size:1.1rem;line-height:1.7}.bio,.contact-info{margin-bottom:25px}.contact-item{align-items:center;color:#555;display:flex;margin-bottom:10px}.contact-item .icon{font-size:1.2rem;margin-right:10px}.social-links{display:flex;gap:15px}.social-link{align-items:center;border:1px solid #1976d2;border-radius:5px;color:#1976d2;display:flex;padding:8px 15px;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#1976d2;color:#fff}.social-link .icon{margin-right:8px}.about-tabs{margin-bottom:30px}.tabs-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;overflow:hidden}.tab{background:#fff;border:none;color:#555;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:15px;transition:all .3s ease}.tab:hover{color:#1976d2}.tab.active{background:#1976d2;color:#fff}.about-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.content-section h2{border-bottom:2px solid #1976d2;color:#333;margin-bottom:25px;margin-top:0;padding-bottom:10px}.about-text{color:#555;line-height:1.8;margin-bottom:30px}.about-text p,.interests h3{margin-bottom:20px}.interests h3{color:#333;margin-top:0}.interests-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.interest-item{align-items:center;border:1px solid #eee;border-radius:8px;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.interest-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.interest-item .icon{font-size:2rem;margin-bottom:10px}.skills-container{margin-bottom:30px}.skill-item{margin-bottom:20px}.skill-header{color:#333;display:flex;justify-content:space-between;margin-bottom:8px}.skill-bar{background:#f0f0f0;border-radius:5px;height:10px;overflow:hidden}.skill-progress{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:5px;height:100%;transition:width 1s ease-in-out}.additional-skills h3{color:#333;margin-bottom:20px;margin-top:0}.skills-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:#e3f2fd;border-radius:20px;color:#1976d2;font-size:.9rem;padding:6px 15px}.timeline{position:relative}.timeline-item{display:flex;margin-bottom:30px}.timeline-marker{margin-right:20px;position:relative}.marker-dot{background:#1976d2;border-radius:50%;height:20px;position:relative;width:20px;z-index:2}.marker-line{background:#e0e0e0;bottom:-30px;left:50%;position:absolute;top:20px;transform:translateX(-50%);width:2px}.timeline-content{border:1px solid #eee;border-radius:8px;flex:1 1;padding:20px;position:relative}.timeline-content:before{border-right:10px solid #eee;left:-10px}.timeline-content:after,.timeline-content:before{border-bottom:10px solid #0000;border-top:10px solid #0000;content:"";height:0;position:absolute;top:20px;width:0}.timeline-content:after{border-right:10px solid #fff;left:-8px}.experience-header{margin-bottom:10px}.experience-header h3{color:#333;margin:0 0 5px}.company{color:#1976d2;font-weight:500}.period{color:#666;font-size:.9rem;margin-bottom:15px}.description{color:#555;line-height:1.6;margin-bottom:15px}.achievements h4{color:#333;margin-bottom:10px;margin-top:0}.achievements ul{color:#555;margin:0;padding-left:20px}.achievements li{line-height:1.5;margin-bottom:8px}.education-list{margin-bottom:30px}.education-item{border:1px solid #eee;border-radius:8px;margin-bottom:20px;padding:20px}.education-item:last-child{margin-bottom:0}.education-header{margin-bottom:10px}.education-header h3{color:#333;margin:0 0 5px}.school{color:#1976d2;font-weight:500}.certifications h3{color:#333;margin-bottom:20px;margin-top:0}.certification-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.certification-item{border:1px solid #eee;border-radius:8px;padding:20px}.certification-item h4{color:#333;margin:0 0 10px}.contact-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 5px 15px #0003;color:#fff;padding:40px;text-align:center}.contact-card h2{font-size:2rem;margin:0 0 15px}.contact-card p{font-size:1.1rem;margin-bottom:30px;opacity:.9}.contact-actions{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.contact-button{border-radius:30px;display:inline-block;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.primary{background:#fff;border:2px solid #fff;color:#667eea}.primary:hover,.secondary{background:#0000;color:#fff}.secondary{border:2px solid #fff}.secondary:hover{background:#fff;color:#667eea}@media (max-width:768px){.about-container{padding:15px}.about-header{flex-direction:column;padding:30px 20px;text-align:center}.contact-info,.profile-info{align-items:center;display:flex;flex-direction:column}.social-links{justify-content:center}.tabs-container{flex-wrap:wrap}.tab{flex:1 0 50%}.interests-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.certification-list{grid-template-columns:1fr}.contact-card{padding:30px 20px}.contact-actions{align-items:center;flex-direction:column}.contact-button{max-width:250px;width:100%}}@media (max-width:480px){.profile-image img{height:120px;width:120px}.profile-info h1{font-size:2rem}.profile-info h2{font-size:1.3rem}.timeline-item{flex-direction:column}.timeline-marker{display:flex;justify-content:center;margin-bottom:15px;margin-right:0}.marker-line,.timeline-content:after,.timeline-content:before{display:none}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.b16972dd.css.map*/