body{margin:0}#admin{.admin-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1c1a40,#2a274f);color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid hsla(0,0%,100%,.3);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading{text-align:center;padding:2rem;color:#6b7280;font-size:1.1rem}.admin-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1c1a40,#2a274f 50%,#667eea);padding:2rem}.auth-container{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;max-width:400px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header i{font-size:3rem;color:#667eea;margin-bottom:1rem}.auth-header h1{font-size:2rem;color:#2d3748;margin-bottom:.5rem;font-weight:700}.auth-header p{color:#6b7280;font-size:1rem}.auth-form{gap:1.5rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#374151;margin-bottom:.5rem}.auth-input{padding:1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:hsla(0,0%,100%,.8)}.auth-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 20px rgba(102,126,234,.2)}.auth-error{background:rgba(239,68,68,.1);color:#dc2626;padding:1rem;border-radius:8px;border:1px solid rgba(239,68,68,.3);text-align:center;font-weight:500}.auth-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.button-spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.admin-dashboard{min-height:100vh;display:flex;flex-direction:column}.admin-header{background:linear-gradient(135deg,#1c1a40,#2a274f);color:#fff;padding:1rem 0;box-shadow:0 4px 20px rgba(0,0,0,.1)}.admin-header-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.admin-logo a{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700;transition:color .3s ease}.admin-logo a:hover{color:gold}.admin-logo i{font-size:1.8rem}.admin-user{display:flex;align-items:center;gap:1rem}.admin-user span{color:hsla(0,0%,100%,.9)}.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.logout-btn:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3)}.admin-nav{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 10px rgba(0,0,0,.05);position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;gap:0}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:none;color:#6b7280;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;border-bottom:3px solid transparent;font-size:1rem}.nav-tab:hover{color:#667eea;background:rgba(102,126,234,.05)}.nav-tab.active{color:#667eea;border-bottom-color:#667eea;background:rgba(102,126,234,.1)}.nav-tab i{font-size:1.2rem}.admin-content{flex:1;max-width:1400px;margin:0 auto;padding:2rem;width:-webkit-fill-available}.overview-tab h1{font-size:2.5rem;color:#2d3748;margin-bottom:2rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.stat-card{background:#fff;border-radius:15px;padding:2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.stat-icon{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff}.stat-icon.projects{background:linear-gradient(45deg,#667eea,#764ba2)}.stat-icon.contacts{background:linear-gradient(45deg,#10b981,#059669)}.stat-icon.unread{background:linear-gradient(45deg,#f59e0b,#d97706)}.stat-icon.visits{background:linear-gradient(45deg,#8b5cf6,#7c3aed)}.stat-content h3{font-size:2rem;color:#2d3748;margin-bottom:.5rem;font-weight:700}.stat-content p{color:#6b7280;font-size:1rem;margin:0}.quick-actions h2{font-size:2rem;color:#2d3748;margin-bottom:1.5rem;font-weight:700}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.action-card{background:#fff;border-radius:15px;padding:2rem;transition:all .3s ease;cursor:pointer;border:none;text-align:left;box-shadow:0 4px 20px rgba(0,0,0,.1)}.action-card,.action-card:hover{text-decoration:none;color:inherit}.action-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.action-card i{font-size:2.5rem;color:#667eea;margin-bottom:1rem}.action-card h3{font-size:1.3rem;color:#2d3748;margin-bottom:.5rem;font-weight:700}.action-card p{color:#6b7280;margin:0;line-height:1.5}.contacts-tab h1{font-size:2.5rem;color:#2d3748;margin-bottom:2rem;font-weight:700}.contacts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.contacts-filters{display:flex;gap:1rem;background:#fff;border-radius:12px;padding:.5rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}.contacts-filters button{padding:.75rem 1.5rem;background:none;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#6b7280}.contacts-filters button.active,.contacts-filters button:hover{background:#667eea;color:#fff}.contacts-list{display:flex;flex-direction:column;gap:1.5rem}.contact-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.1);border-left:4px solid #e5e7eb;transition:all .3s ease}.contact-card.unread{border-left-color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,.02),#fff)}.contact-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.contact-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.contact-info h3{font-size:1.3rem;color:#2d3748;margin-bottom:.25rem;font-weight:700}.contact-email{color:#667eea;font-weight:500;margin-bottom:.25rem}.contact-date{color:#6b7280;font-size:.9rem;margin:0}.contact-actions{display:flex;gap:.75rem;flex-wrap:wrap}.delete-btn,.mark-read-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.mark-read-btn{background:linear-gradient(45deg,#10b981,#059669);color:#fff}.mark-read-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(16,185,129,.4)}.delete-btn{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff}.delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(239,68,68,.4)}.contact-message{background:rgba(248,250,252,.8);border-radius:12px;padding:1.5rem;border:1px solid rgba(102,126,234,.1)}.contact-message p{color:#4a5568;line-height:1.6;margin:0}.projects-tab h1{font-size:2.5rem;color:#2d3748;margin-bottom:2rem;font-weight:700}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.new-project-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.new-project-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4);text-decoration:none;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.project-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.project-image{height:200px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));display:flex;align-items:center;justify-content:center;overflow:hidden}.project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-placeholder{color:#667eea;font-size:3rem;opacity:.3}.project-content{padding:2rem}.project-content h3{font-size:1.5rem;color:#2d3748;margin-bottom:.5rem;font-weight:700}.project-category{color:#667eea;font-weight:500;font-size:.9rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.project-description{color:#6b7280;line-height:1.6;margin-bottom:2rem}.project-actions{display:flex;gap:.75rem;flex-wrap:wrap}.edit-btn,.project-actions .delete-btn,.view-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;font-size:.9rem;border:none;cursor:pointer}.edit-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.edit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(102,126,234,.4);text-decoration:none;color:#fff}.view-btn{background:linear-gradient(45deg,#10b981,#059669);color:#fff}.view-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(16,185,129,.4);text-decoration:none;color:#fff}.project-actions .delete-btn{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff}.project-actions .delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(239,68,68,.4)}.newsletter-tab h1{font-size:2.5rem;color:#2d3748;margin-bottom:2rem;font-weight:700}.newsletter-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.newsletter-actions{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.blog-btn,.export-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.export-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.export-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.blog-btn{background:linear-gradient(45deg,#10b981,#059669);color:#fff}.blog-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.4);text-decoration:none;color:#fff}.subscribers-list h2{font-size:1.8rem;color:#2d3748;margin-bottom:1.5rem;font-weight:700}.subscriber-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid rgba(102,126,234,.1)}.subscriber-info{display:flex;justify-content:space-between;align-items:center}.subscriber-info strong{color:#2d3748;font-size:1.1rem}.subscriber-info span{color:#6b7280;font-size:.9rem}@media (max-width:768px){.admin-header-content{padding:0 1rem;flex-direction:column;gap:1rem;text-align:center}.nav-container{padding:0 1rem;flex-wrap:wrap;justify-content:center}.nav-tab{padding:1rem 1.5rem}.admin-content{padding:1rem}.action-grid,.stats-grid{grid-template-columns:1fr}.contact-header,.contacts-header{flex-direction:column;align-items:stretch}.contact-actions{justify-content:flex-start}.projects-header{flex-direction:column;align-items:stretch}.projects-grid{grid-template-columns:1fr}.project-actions{justify-content:space-between}.newsletter-actions{flex-direction:column}.auth-container{padding:2rem;margin:1rem}}@media (max-width:480px){.admin-content{padding:.5rem}.auth-container,.stat-card{padding:1.5rem}.stat-card{flex-direction:column;text-align:center}.stat-icon{width:50px;height:50px;font-size:1.5rem}.contact-card,.project-content{padding:1.5rem}.project-actions{flex-direction:column}}}.enhanced-editor{max-width:1200px;margin:0 auto;padding:2rem;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.editor-header h1{color:#2d3748;font-size:2rem;margin:0}.editor-actions{display:flex;gap:1rem}.save-btn{background:linear-gradient(45deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s ease}.save-btn:hover{transform:translateY(-2px)}.back-btn{background:#6b7280;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease}.back-btn:hover{background:#4b5563}.editor-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #e2e8f0}.tab-btn{background:none;padding:1rem 1.5rem;cursor:pointer;font-weight:500;color:#6b7280;border:none;border-bottom:3px solid transparent;transition:all .2s ease}.tab-btn:hover{color:#374151}.tab-btn.active{color:#667eea;border-bottom-color:#667eea}.editor-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.07)}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea}.form-textarea{resize:vertical;min-height:100px}.image-preview{max-width:200px;max-height:150px;margin-top:1rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.content-actions{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.content-actions h3{margin-bottom:1rem;color:#2d3748}.block-type-selector{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.block-type-selector label{font-weight:600;color:#374151;margin-right:1rem}.add-block-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:transform .2s ease;white-space:nowrap}.add-block-btn:hover{transform:translateY(-1px)}.content-blocks{display:flex;flex-direction:column;gap:1.5rem}.content-block{background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:border-color .2s ease}.content-block:hover{border-color:#d1d5db}.block-header{display:flex;justify-content:space-between;align-items:center;background:#e5e7eb;padding:1rem}.block-type{font-weight:600;color:#374151;font-size:.875rem;text-transform:capitalize}.block-actions{display:flex;gap:.5rem}.delete-btn,.move-btn{background:#6b7280;color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background .2s ease}.move-btn:hover{background:#4b5563}.move-btn:disabled{background:#9ca3af;cursor:not-allowed}.delete-btn{background:#ef4444}.delete-btn:hover{background:#dc2626}.block-content{padding:1.5rem}.content-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;resize:vertical;min-height:120px;font-family:inherit}.content-textarea:focus{outline:none;border-color:#667eea}.heading-editor{display:flex;gap:1rem;align-items:center}.heading-level-select{padding:.5rem;border:2px solid #e5e7eb;border-radius:6px;background:#fff;min-width:80px}.heading-input{flex:1;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem}.heading-input:focus{outline:none;border-color:#667eea}.image-editor{display:flex;flex-direction:column;gap:1rem}.image-alt-input,.image-caption-input,.image-url-input{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem}.image-alt-input:focus,.image-caption-input:focus,.image-url-input:focus{outline:none;border-color:#667eea}.embed-editor{display:flex;flex-direction:column;gap:1rem}.embed-caption-input,.embed-title-input,.embed-url-input{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem}.embed-caption-input:focus,.embed-title-input:focus,.embed-url-input:focus{outline:none;border-color:#667eea}.table-editor{display:flex;flex-direction:column;gap:1.5rem}.table-headers,.table-rows{display:flex;flex-direction:column;gap:.75rem}.table-headers label,.table-rows label{font-weight:600;color:#374151;margin-bottom:.5rem}.table-caption-input,.table-cell-input,.table-header-input{padding:.5rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.875rem;margin-right:.5rem}.table-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.add-column-btn,.add-row-btn,.delete-row-btn{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;white-space:nowrap;transition:background .2s ease}.add-column-btn:hover,.add-row-btn:hover{background:#2563eb}.delete-row-btn{background:#ef4444}.delete-row-btn:hover{background:#dc2626}.list-editor{display:flex;flex-direction:column;gap:1rem}.list-type{display:flex;gap:1.5rem}.list-type label{display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer}.list-item-editor{display:flex;align-items:center;gap:.75rem}.list-item-input{flex:1;padding:.5rem;border:2px solid #e5e7eb;border-radius:6px;font-size:.875rem}.add-item-btn,.delete-item-btn{background:#ef4444;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;cursor:pointer;white-space:nowrap}.delete-item-btn:hover{background:#dc2626}.add-item-btn{background:#10b981;align-self:flex-start}.add-item-btn:hover{background:#059669}.code-editor{display:flex;flex-direction:column;gap:1rem}.code-meta{display:flex;gap:1rem;align-items:center}.code-language-select{background:#fff;min-width:120px}.code-caption-input,.code-language-select{padding:.5rem;border:2px solid #e5e7eb;border-radius:6px}.code-caption-input{flex:1;font-size:.875rem}.code-textarea{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-family:Monaco,Consolas,Courier New,monospace;font-size:.875rem;background:#1a202c;color:#e2e8f0;resize:vertical;min-height:200px}.code-textarea:focus{outline:none;border-color:#667eea}@media (max-width:768px){.enhanced-editor{padding:1rem}.editor-header{flex-direction:column;align-items:flex-start;gap:1rem}.editor-actions{width:100%;justify-content:flex-end}.editor-tabs{flex-wrap:wrap}.form-row{grid-template-columns:1fr}.block-type-selector{flex-direction:column;align-items:flex-start}.add-block-btn{width:100%;justify-content:center}.code-meta,.heading-editor,.list-item-editor,.table-row{flex-direction:column;align-items:stretch}}@media (max-width:480px){.enhanced-editor{padding:.5rem}.editor-content{padding:1rem}.block-header{flex-direction:column;align-items:flex-start;gap:.75rem}.block-actions{align-self:stretch;justify-content:flex-end}}#main_page{.hero-container{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{z-index:-1}.hero-background,.hero-image{position:absolute;top:0;left:0;width:100%;height:100%}.hero-image{-o-object-fit:cover;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(15,13,37,.8),rgba(102,126,234,.6) 50%,rgba(118,75,162,.7));z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:2rem;animation:fadeInUp 1s ease-out}.hero-text{margin-bottom:3rem}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:800;color:#fff;margin-bottom:1.5rem;text-shadow:0 8px 32px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#e2e8f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(1.5rem,4vw,2.2rem);color:hsla(0,0%,100%,.95);line-height:1.4;text-shadow:0 4px 20px rgba(0,0,0,.2);font-weight:300;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem}.dynamic-text,.static-text{display:inline-block}.dynamic-text{min-width:200px;text-align:left;color:gold;font-weight:500;transition:all .5s ease;position:relative}.dynamic-text.fade-out{opacity:0;transform:translateY(-10px)}.dynamic-text.fade-in{opacity:1;transform:translateY(0)}.hero-cta{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:60px;font-size:1.2rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px rgba(102,126,234,.4),0 0 0 0 hsla(0,0%,100%,.2);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.hero-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.hero-cta:hover:before{left:100%}.hero-cta:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 40px rgba(102,126,234,.6),0 0 0 8px hsla(0,0%,100%,.1);text-decoration:none;color:#fff}.hero-cta:active{transform:translateY(-1px) scale(1.02)}.scroll-arrow{font-size:1.4rem;transition:transform .3s ease;font-style:normal}.hero-cta:hover .scroll-arrow{transform:translateY(2px)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:hsla(0,0%,100%,.8);animation:bounce 2s infinite;z-index:2}.scroll-indicator span{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;font-weight:500}.scroll-line{width:2px;height:30px;background:linear-gradient(180deg,hsla(0,0%,100%,.8),transparent);border-radius:2px}.content-container{max-width:1200px;margin:0 auto}.section p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:hsla(0,0%,100%,.95)}.cards{display:flex;justify-content:center;gap:2rem;margin:3rem 0;flex-wrap:wrap}.contact-form{max-width:600px;margin:2rem auto 0;gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-input,.form-textarea{padding:1rem;font-size:1rem;border:2px solid hsla(0,0%,100%,.2);border-radius:12px;background:hsla(0,0%,100%,.1);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:hsla(0,0%,100%,.7)}.form-input::placeholder,.form-textarea::placeholder{color:hsla(0,0%,100%,.7)}.form-input:focus,.form-textarea:focus{outline:none;border-color:#667eea;background:hsla(0,0%,100%,.15);box-shadow:0 0 20px rgba(102,126,234,.3)}.form-textarea{resize:vertical;min-height:120px}.form-submit{padding:1rem 2rem;font-size:1.1rem;font-weight:600;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px rgba(102,126,234,.4)}.form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.6)}.confirmation-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:hsla(0,0%,100%,.95);color:#2d3748;padding:2rem;border-radius:15px;max-width:400px;width:90%;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.btn-cancel,.btn-confirm{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-confirm{background:linear-gradient(45deg,#10b981,#059669);color:#fff}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.btn-cancel{background:#6b7280;color:#fff}.btn-cancel:hover{background:#4b5563;transform:translateY(-2px)}.error-message{color:#ef4444;background:rgba(239,68,68,.1);padding:1rem;border-radius:8px;border:1px solid rgba(239,68,68,.3);margin-top:1rem;text-align:center}@media (max-width:768px){.hero-content{padding:1rem}.hero-subtitle{flex-direction:column;gap:.25rem}.dynamic-text{min-width:auto;text-align:center}.hero-cta{padding:1rem 2rem;font-size:1rem}.section,.section-light{padding:3rem 1rem}.section h2{font-size:2rem}.cards{flex-direction:column;align-items:center}.scroll-indicator{bottom:1rem}}@media (max-width:480px){.hero-content{padding:.5rem}.hero-title{font-size:clamp(2.5rem,12vw,4rem)}.hero-subtitle{font-size:clamp(1.2rem,5vw,1.8rem)}.hero-cta{padding:.875rem 1.5rem;font-size:.9rem}.section,.section-light{padding:2rem 1rem}.contact-form{margin:1rem auto 0}.modal-content{padding:1.5rem}.modal-actions{flex-direction:column;gap:.75rem}}.name_splash,.scroll-indicator-text,.titleimage,.titleimage-container{display:none}}.error-container,.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center;background:linear-gradient(135deg,#1c1a40,#2a274f);color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid hsla(0,0%,100%,.3);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.project-hero{position:relative;background:linear-gradient(135deg,#1c1a40,#2a274f);color:#fff;overflow:hidden}.project-hero-image{position:relative;height:70vh;min-height:500px;display:flex;align-items:center;justify-content:center}.project-hero-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.project-hero-placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3));display:flex;align-items:center;justify-content:center;font-size:5rem;color:hsla(0,0%,100%,.5)}.project-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.6));display:flex;align-items:flex-end;z-index:1}.project-hero-content{padding:3rem 2rem;max-width:1200px;margin:0 auto;width:100%}.project-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center}.project-category-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:50px;font-weight:600;font-size:.9rem;color:#fff;text-transform:uppercase;letter-spacing:.5px}.project-date-location{display:flex;gap:1.5rem;flex-wrap:wrap}.project-date,.project-location{display:flex;align-items:center;gap:.5rem;color:hsla(0,0%,100%,.9);font-size:.95rem}.project-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem;line-height:1.2;text-shadow:0 4px 20px rgba(0,0,0,.5)}.project-hero-description{font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:1.6;color:hsla(0,0%,100%,.95);max-width:800px}.project-actions{display:flex;gap:1rem;padding:2rem;justify-content:center;flex-wrap:wrap;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,100%,.1)}.project-action-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.demo-btn{background:linear-gradient(45deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px rgba(16,185,129,.4)}.demo-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,.6);color:#fff;text-decoration:none}.website-btn{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.4)}.website-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.6);color:#fff;text-decoration:none}.github-btn{background:transparent;color:#fff;border:2px solid hsla(0,0%,100%,.3)}.github-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);color:#fff;text-decoration:none}.project-technologies{padding:2rem;text-align:center;background:rgba(0,0,0,.2)}.project-technologies h3{margin-bottom:1.5rem;font-size:1.2rem;color:hsla(0,0%,100%,.9)}.tech-tags{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.tech-tag{background:hsla(0,0%,100%,.15);color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.project-content{background:linear-gradient(180deg,#f8fafc,#e2e8f0);padding:4rem 0;min-height:60vh}.project-content-container{max-width:800px;margin:0 auto;padding:0 2rem}.content-paragraph{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;color:#4a5568}.content-heading{color:#2d3748;margin:2.5rem 0 1.5rem;font-weight:700}.content-heading:first-child{margin-top:0}.content-image-container{margin:2.5rem 0;text-align:center}.content-image{max-width:100%;height:auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);cursor:pointer;transition:transform .3s ease}.content-image:hover{transform:scale(1.02)}.image-caption{margin-top:1rem;font-size:.9rem;color:#718096;font-style:italic}.content-embed{margin:2.5rem 0;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.embed-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px}.embed-caption{margin-top:1rem;text-align:center;font-size:.9rem;color:#718096;font-style:italic}.content-table-container{margin:2.5rem 0;overflow-x:auto;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.content-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}.content-table th{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:1rem;text-align:left;font-weight:600}.content-table td{padding:1rem;border-bottom:1px solid #e2e8f0}.content-table tr:hover{background:#f7fafc}.table-caption{margin-top:1rem;text-align:center;font-size:.9rem;color:#718096;font-style:italic}.content-dropdown{margin:2rem 0;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05)}.dropdown-toggle{width:100%;padding:1.5rem;background:linear-gradient(45deg,#f7fafc,#edf2f7);border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:1.1rem;color:#2d3748;transition:background .3s ease}.dropdown-toggle:hover{background:linear-gradient(45deg,#edf2f7,#e2e8f0)}.dropdown-content{padding:1.5rem;border-top:1px solid #e2e8f0;animation:slideDown .3s ease}.content-list{margin:1.5rem 0;padding-left:2rem}.content-list li{margin-bottom:.75rem;font-size:1.1rem;line-height:1.6;color:#4a5568}.content-code-container{margin:2.5rem 0}.content-code{background:#2d3748;color:#e2e8f0;padding:1.5rem;border-radius:12px;overflow-x:auto;font-family:Monaco,Consolas,monospace;font-size:.9rem;line-height:1.6;box-shadow:0 4px 20px rgba(0,0,0,.1)}.code-caption{margin-top:1rem;text-align:center;font-size:.9rem;color:#718096;font-style:italic}.project-gallery{background:#f8fafc;padding:4rem 0}.project-gallery h2{text-align:center;margin-bottom:3rem;color:#2d3748;font-size:2.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.gallery-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .3s ease;cursor:pointer}.gallery-item:hover{transform:translateY(-5px)}.gallery-item img{width:100%;height:250px;-o-object-fit:cover;object-fit:cover}.gallery-caption{padding:1rem;font-size:.9rem;color:#718096;text-align:center}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.image-modal-content img{max-width:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain;border-radius:8px}.image-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background .3s ease}.image-modal-close:hover{background:hsla(0,0%,100%,.1)}.modal-caption{color:#fff;text-align:center;margin-top:1rem;font-size:1rem}@media (max-width:768px){.project-hero-image{height:50vh;min-height:400px}.project-hero-content{padding:2rem 1rem}.project-meta{flex-direction:column;align-items:flex-start}.project-date-location{gap:1rem}.project-actions{padding:1.5rem 1rem;flex-direction:column}.project-action-btn{width:100%;justify-content:center}.project-content-container{padding:0 1rem}.gallery-grid{grid-template-columns:1fr}.content-embed,.content-table-container{margin:2rem -1rem}}@media (max-width:480px){.project-hero-content{padding:1.5rem 1rem}.tech-tags{justify-content:flex-start}.project-content{padding:2rem 0}.dropdown-toggle{padding:1rem;font-size:1rem}.dropdown-content{padding:1rem}}#resume_page{.resume-header{background:linear-gradient(135deg,#1c1a40,#2a274f 50%,#667eea);color:#fff;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.resume-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));z-index:0}.resume-header-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.resume-intro h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#e2e8f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.resume-tagline{font-size:clamp(1.2rem,2.5vw,1.8rem);color:gold;margin-bottom:1rem;font-weight:600}.resume-description{font-size:clamp(1rem,2vw,1.3rem);color:hsla(0,0%,100%,.9);margin-bottom:2.5rem;line-height:1.6}.resume-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.6);text-decoration:none;color:#fff}.btn-secondary{background:transparent;color:#fff;border:2px solid hsla(0,0%,100%,.3)}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px);text-decoration:none;color:#fff}.resume-nav{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(102,126,234,.2);position:sticky;top:0;z-index:100}.resume-container{max-width:1200px;margin:0 auto;padding:0 2rem}.resume-tabs{display:flex;justify-content:center;gap:0}.resume-tab{display:flex;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:none;color:#6b7280;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;border-bottom:3px solid transparent;font-size:1rem}.resume-tab:hover{color:#667eea;background:rgba(102,126,234,.05)}.resume-tab.active{color:#667eea;border-bottom-color:#667eea;background:rgba(102,126,234,.1)}.resume-tab i{font-size:1.2rem}.resume-content{background:linear-gradient(180deg,#f8fafc,#e2e8f0);padding:4rem 2rem;min-height:60vh}.resume-content h2{text-align:center;font-size:2.5rem;color:#2d3748;margin-bottom:3rem;font-weight:700}.resume-timeline{max-width:900px;margin:0 auto;position:relative}.resume-timeline:before{content:"";position:absolute;left:50px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px}.timeline-item{position:relative;margin-bottom:3rem;display:flex;align-items:flex-start;gap:2rem}.timeline-marker{position:relative;z-index:2;width:100px;height:100px;flex-shrink:0}.timeline-marker img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 4px 20px rgba(0,0,0,.1);background-color:#fff}.timeline-content{background:#fff;border-radius:15px;padding:0;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid rgba(102,126,234,.1);overflow:hidden;flex:1;transition:all .3s ease}.timeline-content:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-2px)}.timeline-header{padding:2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05))}.timeline-title h3{font-size:1.5rem;color:#2d3748;margin-bottom:.5rem;font-weight:700}.timeline-title h4{font-size:1.2rem;color:#667eea;margin-bottom:1rem;font-weight:600}.timeline-meta{display:flex;gap:1rem;flex-wrap:wrap}.timeline-meta span{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.period{background:rgba(102,126,234,.1);color:#667eea}.type{background:rgba(16,185,129,.1);color:#10b981}.location{background:hsla(0,88%,68%,.1);color:#f56565}.expand-btn{background:none;border:none;color:#667eea;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.expand-btn:hover{background:rgba(102,126,234,.1);transform:scale(1.1)}.timeline-description{padding:0 2rem 1rem;color:#4a5568;font-size:1.1rem;line-height:1.6;margin:0}.timeline-details{padding:1rem 2rem 2rem;border-top:1px solid rgba(102,126,234,.1);background:rgba(248,250,252,.5);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.timeline-details h5{color:#2d3748;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.responsibilities ul{list-style:none;padding:0}.responsibilities li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:#4a5568;line-height:1.6}.responsibilities li:before{content:"→";position:absolute;left:0;color:#667eea;font-weight:700}.skill-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.skill-tag{background:rgba(102,126,234,.1);color:#667eea;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.project-links{display:flex;gap:1rem;flex-wrap:wrap}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:25px;font-size:.9rem;font-weight:500;transition:all .3s ease}.project-link:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.4);text-decoration:none;color:#fff}.education-section{max-width:800px;margin:0 auto}.education-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid rgba(102,126,234,.1)}.education-header{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.education-logo{width:100px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:4px solid gold}.education-info h3{font-size:1.8rem;color:#2d3748;margin-bottom:.5rem;font-weight:700}.education-info h4{font-size:1.3rem;color:#667eea;margin-bottom:1rem;font-weight:600}.education-meta{display:flex;gap:1rem;flex-wrap:wrap}.graduation-date,.location{padding:.25rem .75rem;border-radius:20px;font-size:.9rem;font-weight:500}.graduation-date{background:rgba(102,126,234,.1);color:#667eea}.education-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.education-details h5{color:#2d3748;font-size:1.2rem;margin-bottom:1rem;font-weight:600}.education-details ul{list-style:none;padding:0}.education-details li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:#4a5568;line-height:1.6}.education-details li:before{content:"★";position:absolute;left:0;color:gold;font-weight:700}.skills-section{max-width:1000px;margin:0 auto}.skill-category{background:#fff;border-radius:15px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid rgba(102,126,234,.1)}.skill-category h3{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;color:#2d3748;margin-bottom:1.5rem;font-weight:700}.skill-category h3 i{color:#667eea;font-size:1.8rem}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.skill-item{background:rgba(248,250,252,.8);border-radius:12px;padding:1.5rem;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.skill-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.skill-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.skill-header i{font-size:1.5rem;color:#667eea}.skill-name{font-weight:600;color:#2d3748;font-size:1.1rem}.skill-bar{background:rgba(102,126,234,.1);height:8px;border-radius:4px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:4px;transition:width 1s ease}@media (max-width:768px){.resume-header{padding:3rem 1rem}.resume-tabs{flex-direction:column}.resume-tab{padding:1rem;text-align:center}.resume-content{padding:2rem 1rem}.resume-timeline:before{left:25px}.timeline-item{flex-direction:column;align-items:flex-start;gap:1rem}.timeline-marker{width:60px;height:60px}.timeline-header{padding:1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}.timeline-meta{flex-direction:column;gap:.5rem}.education-header{flex-direction:column;text-align:center}.education-details,.skill-grid{grid-template-columns:1fr}.resume-actions{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;justify-content:center}}@media (max-width:480px){.resume-header{padding:2rem 1rem}.timeline-details{padding:1rem}.education-card,.skill-category{padding:1.5rem}}}.featuredimage-container{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.featuredimage{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-1}.portfolio_splash{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(15,13,37,.8),rgba(102,126,234,.6) 50%,rgba(118,75,162,.7));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.portfolio_splash .hero-content{max-width:800px;padding:2rem;animation:fadeInUp 1s ease-out}.portfolio_splash h1{font-size:clamp(3rem,8vw,6rem);font-weight:800;color:#fff;margin-bottom:1.5rem;text-shadow:0 8px 32px rgba(0,0,0,.3);background:linear-gradient(135deg,#fff,#e2e8f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;letter-spacing:-.02em}.portfolio_splash p{font-size:clamp(1.2rem,3vw,1.8rem);color:hsla(0,0%,100%,.95);margin-bottom:3rem;line-height:1.4;text-shadow:0 4px 20px rgba(0,0,0,.2);font-weight:300;letter-spacing:.02em}.hero-cta{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:60px;font-size:1.2rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px rgba(102,126,234,.4),0 0 0 0 hsla(0,0%,100%,.2);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.hero-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.hero-cta:hover:before{left:100%}.hero-cta:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 40px rgba(102,126,234,.6),0 0 0 8px hsla(0,0%,100%,.1);text-decoration:none;color:#fff}.hero-cta:active{transform:translateY(-1px) scale(1.02)}.hero-cta i{font-size:1.4rem;transition:transform .3s ease}.hero-cta:hover i{transform:translateY(2px)}.info-button{position:absolute;top:2rem;left:2rem;width:50px;height:50px;border-radius:50%;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;color:#fff;font-size:1.2rem;font-weight:600}.info-button:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.4);transform:scale(1.1);box-shadow:0 8px 25px rgba(0,0,0,.2)}.info-button:active{transform:scale(.95)}.info-tooltip{position:absolute;top:60px;left:0;background:rgba(0,0,0,.9);color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.info-button:hover .info-tooltip{opacity:1;transform:translateY(-5px)}.portfolio-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:hsla(0,0%,100%,.8);animation:bounce 2s infinite}.portfolio-scroll-indicator span{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;font-weight:500}.portfolio-scroll-indicator i{font-size:1.5rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}#portfolio-title{padding:.5rem;text-align:center;color:#fff}#portfolio-title h1{font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.2);animation:fadeInUp .8s ease-out}#portfolio-title h4{font-size:1.2rem;color:hsla(0,0%,100%,.9);margin:0 auto;line-height:1.6;animation:fadeInUp .8s ease-out .2s both}.portfolio-container{max-width:50rem;margin:0 auto;padding:1.5rem}.projects-container{max-width:75rem;margin:0 auto;padding:1.5rem}.featured-project{background:hsla(0,0%,100%,.95);border-radius:20px;margin-bottom:4rem;box-shadow:0 20px 60px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);animation:fadeInUp .8s ease-out .2s both;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:400px}.featured-project:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);z-index:2}.featured-content{padding:1.5rem;display:flex;flex-direction:column;justify-content:center;z-index:1}.featured-label{display:inline-block;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.5px;width:-moz-fit-content;width:fit-content}.featured-project h2{font-size:1.1rem;margin-bottom:1rem;color:#2d3748}.featured-project p{font-size:.85rem;color:#4a5568;margin-bottom:2rem;line-height:1.8}.featured-image{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.featured-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0 20px 20px 0}.featured-image-placeholder{width:80%;height:80%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:600;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.2)}.project-links{display:flex;gap:.5rem;flex-wrap:wrap}.btn{padding:.6rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;display:inline-block}.btn-primary{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.6);text-decoration:none;color:#fff}.btn-secondary{background:transparent;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px);text-decoration:none}.filter-buttons{display:flex;justify-content:center;gap:1rem;margin:3rem 0;flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background:rgba(102,126,234,.1);color:#667eea;border:2px solid rgba(102,126,234,.3);border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn.active,.filter-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-2px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:.5rem}.project-card{background:hsla(0,0%,100%,.95);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);opacity:1;transform:scale(1);overflow:hidden;display:flex;flex-direction:column;cursor:pointer}.project-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15)}.project-card.hidden{opacity:0;transform:scale(.8);pointer-events:none}.project-image{width:100%;height:200px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-image-placeholder{color:#667eea;font-size:3rem;opacity:.3}.project-content{padding:2rem;flex:1;display:flex;flex-direction:column}.project-category{display:inline-block;padding:.3rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:-moz-fit-content;width:fit-content}.category-research{background:rgba(59,130,246,.1);color:#3b82f6}.category-volunteering{background:rgba(16,185,129,.1);color:#10b981}.category-fun{background:hsla(0,88%,68%,.1);color:#f56565}.project-card h3{font-size:1.5rem;margin-bottom:1rem;margin-top:1rem;color:#2d3748}.project-card p{color:#4a5568;margin-bottom:1.5rem;line-height:1.7;flex:1}.project-tech{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}.tech-tag{background:rgba(102,126,234,.1);color:#667eea;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.cards{gap:2rem;margin:3rem 0;flex-wrap:wrap}.section-light{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));padding:4rem 2rem}.section-light h1{font-size:2.5rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.featuredimage-container{height:100vh}.portfolio_splash .hero-content{padding:1rem}.portfolio_splash h1{font-size:clamp(2.5rem,10vw,4rem)}.portfolio_splash p{font-size:clamp(1rem,4vw,1.4rem);margin-bottom:2rem}.hero-cta{padding:1rem 2rem;font-size:1rem}.info-button{top:1rem;left:1rem;width:40px;height:40px;font-size:1rem}#portfolio-title{padding:2rem 1rem}#portfolio-title h1{font-size:2.5rem}.portfolio-container{padding:1rem}.featured-project{grid-template-columns:1fr;min-height:auto}.featured-content{padding:2rem}.featured-image{height:250px}.featured-image,.featured-image img{border-radius:20px 20px 0 0}.featured-project h2{font-size:2rem}.projects-grid{grid-template-columns:1fr}.cards{flex-direction:column;align-items:center}.filter-buttons{justify-content:center}}@media (max-width:480px){.btn{padding:.5rem 1rem;font-size:.9rem}.project-links{flex-direction:column}.filter-btn{padding:.5rem 1rem;font-size:.9rem}.portfolio-scroll-indicator{bottom:1rem}}.card{display:block;color:#2a274f;text-decoration:none;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;margin:.5em;background-color:#fff;overflow:hidden;border:.1em solid #ccc}.card:hover{transform:translateY(-10px);box-shadow:0 8px 16px rgba(0,0,0,.2);border-color:#ffc107}.card-content{padding:1em}.card-content h3{margin:0 0 .5em}.card img{height:200px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.card.small{width:200px}.card.medium{width:350px}.card.large{width:100%}.cards{gap:1em}.card-container,.cards{display:flex;justify-content:center}.card-container{margin-top:2em}@media (max-width:768px){.cards{flex-direction:column;align-items:center}.card.large,.card.medium,.card.small{width:90%;max-width:300px}}@media (max-width:480px){.cards{flex-direction:column;align-items:center}.card.large,.card.medium,.card.small{width:100%;max-width:250px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;color:#2a274f;padding:20px;border-radius:8px;max-width:600px;width:100%;max-height:80%;overflow-y:auto}.modal-links{margin-top:20px}.modal-links button{margin-right:10px}.modal-content img{max-width:100%;height:auto;margin-bottom:10px}button{padding:10px 20px;background-color:#2a274f;color:#fff;border:none;border-radius:5px;cursor:pointer}.close-button{float:right}header{background-color:#0f0d25;color:#fff;padding:1em}header,nav{display:flex;justify-content:center;align-items:center}nav{padding-left:2em;gap:20px}.Header-nav-item{color:#fff;display:inline-block;padding:.618em 0;margin:0 .618em;text-transform:uppercase;font-size:1.75rem;text-decoration:none!important;letter-spacing:.12em;transition:color .17s ease-in-out,background-color .17s ease-in-out}.Header-nav-item:hover{color:#ffc107}.initials{transition:filter .3s ease-in-out;font-size:1.5rem}.initials:hover{filter:invert(72%) sepia(97%) saturate(1000%) hue-rotate(1deg) brightness(220%) contrast(105%)}.toggle-button{display:none;background:none;border:none;color:#fff;font-size:24px}@media (min-width:650px) and (max-width:1100px){.Header-nav-item{font-size:2vw}.initials{width:8vw;height:auto}}@media (max-width:650px){#NavBar{flex-direction:column}.logo-button-container{display:flex;width:100%;flex-direction:row;justify-content:space-between}.initials{margin-bottom:10px}.initials-container{justify-self:center}nav{display:none;flex-direction:column;width:100%}nav.active{display:flex}.Header-nav-item{width:100%;padding:10px 0;border-top:1px solid #444;text-align:center}.toggle-button{display:block}}section{background-color:#1c1a40;color:#fff;padding:4em 2em}.section-light{background-color:#2a274f}@media (max-width:768px){section{padding:2em 1em}}@media (max-width:480px){section{padding:1em .5em}}footer{background-color:#0f0d25;color:#fff;text-align:center;padding:1em}:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}@font-face{font-family:__Montserrat_46efbc;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/b56940d80fddaebf-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Montserrat_46efbc;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f2b5b57939015ea4-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Montserrat_46efbc;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/692f97053c97ad82-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Montserrat_46efbc;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/2a72e34cb7eaec0a-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Montserrat_46efbc;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c0d4d818724e2828-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Montserrat_Fallback_46efbc;src:local("Arial");ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.00%;size-adjust:112.83%}.__className_46efbc{font-family:__Montserrat_46efbc,__Montserrat_Fallback_46efbc;font-weight:400;font-style:normal}