@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);height:70px;display:flex;align-items:center}.dark .navbar{background-color:#121212f2;box-shadow:0 1px 3px #0003}.navbar.scrolled{box-shadow:var(--shadow-md);height:60px}.navbar .container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo-container{flex:1}.navbar .logo{font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:800;color:var(--text-color);text-decoration:none;display:inline-flex;align-items:center;height:auto;padding:0;will-change:auto;transition:color var(--transition-fast);filter:none;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.navbar .logo:hover{filter:brightness(1.1)}.nav-container{flex:2;display:flex;justify-content:center}.nav-links{display:flex;gap:var(--space-6);list-style:none;margin:0;padding:0;border:none;background-color:transparent}.nav-links li{padding:0;background-color:transparent}.nav-links li a{color:var(--text-color);text-decoration:none;font-weight:500;transition:color var(--transition-fast);padding:var(--space-2) var(--space-1);position:relative;font-size:.95rem}.nav-links li a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--primary-color);transition:width var(--transition-normal);border-radius:var(--radius-full)}.nav-links li a:hover,.nav-links li a.active{color:var(--primary-color)}.nav-links li a:hover:after,.nav-links li a.active:after{width:100%}.nav-controls{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:var(--space-4)}.admin-link{color:var(--text-color);text-decoration:none;font-weight:500;transition:all var(--transition-fast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.9rem;border:1px solid var(--border-color)}.admin-link:hover{color:var(--primary-color);border-color:var(--primary-color);background-color:var(--primary-light)}.theme-toggle{background-color:var(--light-bg);border:1px solid var(--border-color);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:var(--space-2);border-radius:var(--radius-full);color:var(--text-color);width:36px;height:36px;transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color)}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0;position:relative;z-index:1001}.menu-toggle span{display:block;width:100%;height:2px;background-color:var(--text-color);transition:transform .3s ease,opacity .3s ease;border-radius:var(--radius-full)}.menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-menu{display:none;position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background-color:var(--bg-color);flex-direction:column;padding:0;box-shadow:var(--shadow-md);transform:translateY(-100%);transition:transform .4s cubic-bezier(.19,1,.22,1);z-index:999;overflow-y:auto}.nav-menu.open{transform:translateY(0)}.nav-menu a{color:var(--text-color);text-decoration:none;font-weight:600;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-color);transition:all .2s ease;display:flex;justify-content:center;font-size:1.1rem}.nav-menu a:hover,.nav-menu a.active{background-color:var(--light-bg);color:var(--primary-color)}.nav-menu a:last-child{border-bottom:none}@media (max-width: 768px){.navbar,.navbar.scrolled{height:60px}.nav-container{display:none}.menu-toggle,.nav-menu{display:flex}.nav-controls{gap:var(--space-3)}.admin-link{display:none}.navbar .logo{font-size:1.25rem}.navbar .container{padding:0 var(--space-4)}.theme-toggle{width:32px;height:32px;font-size:.9rem}}.experience-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--card-bg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);height:100%;border:1px solid var(--border-color)}.experience-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.experience-card-error{background-color:#ff5e410d;border:1px dashed var(--border-color)}.experience-card-error .card-title{color:var(--error)}.experience-card-error .card-description{color:var(--text-light)}.card-image-container{position:relative;height:220px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.experience-card:hover .card-image{transform:scale(1.05)}.category-badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background-color:var(--primary-color);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.025em;box-shadow:0 2px 4px #ff5e414d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-content{padding:var(--space-6);display:flex;flex-direction:column;flex-grow:1}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-2);color:var(--text-color);line-height:1.3}.card-description{color:var(--text-light);font-size:.95rem;line-height:1.7;margin-bottom:var(--space-6);flex-grow:1}.card-footer{margin-top:auto}.explore-link{display:inline-flex;align-items:center;color:var(--primary-color);font-weight:600;text-decoration:none;transition:color var(--transition-fast);font-size:.95rem;position:relative;padding-bottom:3px}.explore-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--primary-color);transition:width var(--transition-normal)}.explore-link:hover:after{width:100%}.arrow-icon{width:18px;height:18px;margin-left:var(--space-2);transition:transform var(--transition-fast)}.explore-link:hover .arrow-icon{transform:translate(4px)}.external-link-icon{width:14px;height:14px;margin-left:var(--space-1)}@media (max-width: 768px){.card-image-container{height:180px}.card-content{padding:var(--space-4)}}.experience-page{padding:var(--space-12) var(--space-4);max-width:1280px;margin:0 auto}.experience-header{text-align:center;margin-bottom:var(--space-16)}.experience-header h1{font-size:3.25rem;font-weight:800;margin-bottom:var(--space-6);line-height:1.1}.experience-header p{font-size:1.25rem;color:var(--text-light);margin-bottom:var(--space-8)}.tabs{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-8)}.tab{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);font-weight:500;background-color:var(--light-bg);color:var(--text-color);border:1px solid var(--border-color)}.tab.active{background-color:var(--primary-color);color:#fff}.experience-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-8);margin-top:var(--space-8)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:var(--bg-color)}.login-container{max-width:400px;width:100%;text-align:center;padding:var(--space-8);background-color:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.user-profile{margin-bottom:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.user-avatar{width:80px;height:80px;border-radius:50%;border:3px solid var(--primary-color);box-shadow:var(--shadow-md);object-fit:cover;background-color:var(--primary-light)}.user-profile h2{font-size:1.25rem;color:var(--text-color);margin:0}.login-container h1{margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent}.login-container p{margin-bottom:var(--space-6);color:var(--text-light)}.login-button{padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);background-color:var(--primary-color);color:#fff;font-weight:600;transition:all var(--transition-normal);border:none;width:100%;font-size:1rem}.login-button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-light)}.redirect-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 70px);padding:var(--space-6);background-color:var(--light-bg)}.redirect-card{max-width:800px;width:100%;background-color:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);display:flex;flex-direction:column}.redirect-image{width:100%;height:300px;object-fit:cover;border-bottom:1px solid var(--border-color)}.redirect-content{padding:var(--space-8)}.redirect-content h1{font-size:1.75rem;margin-bottom:var(--space-4);color:var(--text-color);font-weight:700}.redirect-description{margin-bottom:var(--space-6);color:var(--text-light);line-height:1.7}.redirect-actions{display:flex;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap}.back-button{padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);background-color:var(--light-bg);color:var(--text-color);text-decoration:none;font-weight:500;transition:all var(--transition-normal);border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;flex-grow:1;text-align:center}.back-button:hover{background-color:var(--border-color);border-color:var(--border-color)}.continue-button{padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);background-color:var(--primary-color);color:#fff;text-decoration:none;font-weight:500;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);flex-grow:1;text-align:center}.continue-button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md);color:#fff}.external-link-icon-redirect{width:14px;height:14px;margin-left:var(--space-1);filter:brightness(0) invert(1)}@media (max-width: 768px){.redirect-content{padding:var(--space-6)}.redirect-image{height:200px}.redirect-actions{flex-direction:column}.back-button,.continue-button{width:100%;flex-grow:0}}@media (max-width: 480px){.redirect-page,.redirect-content{padding:var(--space-4)}.redirect-content h1{font-size:1.5rem}}.app{min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}:root{--primary-color: #FF5A3C;--primary-hover: #E64A2E;--primary-light: #FFF0ED;--primary-dark: #CC4A30;--secondary-color: #3B82F6;--secondary-hover: #2563EB;--secondary-light: #EFF6FF;--secondary-dark: #1D4ED8;--text-color: #1F2937;--text-light: #4B5563;--text-xlight: #9CA3AF;--bg-color: #FFFFFF;--card-bg: #FFFFFF;--light-bg: #F9FAFB;--border-color: #E5E7EB;--success: #10B981;--warning: #FBBF24;--error: #EF4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05), 0 4px 6px rgba(0, 0, 0, .05);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}.dark{--primary-color: #FF5E41;--primary-hover: #FF7A62;--primary-light: #3A2E2C;--primary-dark: #FF8D77;--secondary-color: #4285F4;--secondary-hover: #5D97F6;--secondary-light: #2A3441;--secondary-dark: #7BAAF7;--text-color: #F3F4F6;--text-light: #D1D5DB;--text-xlight: #9CA3AF;--bg-color: #111827;--card-bg: #1F2937;--light-bg: #374151;--border-color: #4B5563}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;line-height:1.5;font-weight:400}html,body,#root{height:100%;width:100%}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;margin:0 0 .5rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--text-color)}h1{font-size:3rem;line-height:1.1;letter-spacing:-.03em;font-weight:800}h2{font-size:2.25rem;letter-spacing:-.02em;font-weight:800}h3{font-size:1.75rem;font-weight:700}h4{font-size:1.25rem;line-height:1.5}h5{font-size:1.125rem;line-height:1.5}h6{font-size:1rem;line-height:1.5}p{margin:0 0 1.25rem;line-height:1.7;color:var(--text-light)}a{text-decoration:none;color:var(--primary-color);transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}button{cursor:pointer;font-family:Inter,sans-serif;border:none;background:none;padding:0;margin:0;font-size:1rem;transition:all var(--transition-fast)}input,textarea,select{font-family:Inter,sans-serif;font-size:1rem}ul,ol{list-style:none;padding:0;margin:0}img{max-width:100%;height:auto;display:block}main{display:block}.highlight{color:var(--primary-color)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.content-container{min-height:calc(100vh - 70px);padding-top:70px}@media (max-width: 768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.container{padding:0 var(--space-4)}}@media (max-width: 480px){html{font-size:12px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-light{color:var(--text-light)}.bg-primary{background-color:var(--primary-color)}.bg-light{background-color:var(--light-bg)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gradient-text{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}