:root{--bg-color: #020617;--text-color: #f8fafc;--text-secondary: #94a3b8;--primary: #38bdf8;--primary-glow: rgba(56, 189, 248, .5);--accent: #d946ef;--card-bg: rgba(15, 23, 42, .4);--border-color: rgba(56, 189, 248, .15);--nav-bg: rgba(2, 6, 23, .85);--gradient: linear-gradient(135deg, #38bdf8, #818cf8, #d946ef);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--section-padding: 80px 0}html.light-mode{--bg-color: #f8fafc;--text-color: #0f172a;--text-secondary: #475569;--primary: #0369a1;--primary-glow: rgba(3, 105, 161, .25);--accent: #be185d;--card-bg: rgba(255, 255, 255, .75);--border-color: rgba(3, 105, 161, .25);--nav-bg: rgba(255, 255, 255, .9);--gradient: linear-gradient(135deg, #0284c7, #4f46e5, #c026d3)}html{overflow-x:hidden;scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,sans-serif;background-color:transparent!important;color:var(--text-color);line-height:1.6;overflow-x:hidden}#root,.app{background-color:transparent!important;min-height:100vh}.section,section{min-height:100vh;padding-top:130px;padding-bottom:80px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;z-index:2;background:transparent!important;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.section-title{text-align:center;margin-bottom:60px;width:100%}.section-title h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;color:var(--text-color);margin-top:8px}.subtitle{display:block;color:var(--primary);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.card,.project-card,.experience-item,.contact-card,.contact-form-panel,.skills-group,.work-content,.exp-card{background:var(--card-bg)!important;backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;border:1px solid var(--border-color)!important;border-radius:28px!important;box-shadow:0 10px 40px #0000004d!important}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 20px rgba(0,0,0,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0)}html{scroll-behavior:smooth}�.�r�e�m�o�v�e�-�b�t�n� �{� �b�a�c�k�g�r�o�u�n�d�:� �#�e�f�4�4�4�4�5�5�;� �c�o�l�o�r�:� �#�e�f�4�4�4�4�;� �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �#�e�f�4�4�4�4�8�8�;� �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �8�p�x�;� �p�a�d�d�i�n�g�:� �4�p�x� �1�0�p�x�;� �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� �d�i�s�p�l�a�y�:� �f�l�e�x�;� �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� �g�a�p�:� �4�p�x�;� �f�o�n�t�-�s�i�z�e�:� �1�3�p�x�;� �}� �.�r�e�m�o�v�e�-�b�t�n�:�h�o�v�e�r� �{� �b�a�c�k�g�r�o�u�n�d�:� �#�e�f�4�4�4�4�;� �c�o�l�o�r�:� �w�h�i�t�e�;� �}� � � .admin-layout{display:flex;min-height:100vh;background:#0f172a;color:#f8fafc;font-family:Plus Jakarta Sans,sans-serif}.admin-sidebar{width:280px;background:#1e293bf2;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;padding:20px;height:100vh;position:sticky;top:0;transition:transform .3s ease}.sidebar-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{font-size:1.5rem;font-weight:800}.gradient-text{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-main{flex:1;padding:40px;background:#020617;overflow-y:auto}.pane-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:20px}.pane-title{font-size:2rem;font-weight:700}.pane-desc{color:#94a3b8;margin-top:5px}.form-section{background:#1e293b80;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:24px;margin-bottom:24px}.item-card{background:#0f172a99;border:1px solid rgba(56,189,248,.1);box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.item-card:hover{box-shadow:0 8px 12px #0003;border-color:#38bdf84d}.item-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:16px;margin-bottom:16px}.section-label{font-size:1.1rem;font-weight:600;color:#38bdf8;margin:0}.flex-group{display:flex;gap:16px;margin-bottom:16px}.w-50{flex:1}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{font-size:.9rem;font-weight:500;margin-bottom:8px;color:#cbd5e1}.form-group input,.form-group textarea{background:#0f172acc;border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:8px;color:#f8fafc;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.detail-row{display:flex;gap:8px;margin-bottom:8px}.detail-row input{flex:1}.btn{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.add-btn{background:#10b9811a;color:#10b981;border:1px dashed #10b981;padding:14px;border-radius:8px;width:100%;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .2s}.add-btn:hover{background:#10b981;color:#fff}.remove-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.remove-btn:hover{background:#ef4444;color:#fff}.icon-btn.danger{background:#ef44441a;color:#ef4444;border:1px solid transparent;width:42px;height:42px;border-radius:6px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s}.icon-btn.danger:hover{background:#ef4444;color:#fff}.add-inline-btn{background:transparent;color:#38bdf8;border:1px dashed rgba(56,189,248,.5);padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.9rem;transition:all .2s;width:fit-content}.add-inline-btn:hover{background:#38bdf81a;border-color:#38bdf8}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{background:transparent;color:#cbd5e1;border:none;padding:12px 16px;border-radius:8px;text-align:left;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#38bdf826;color:#38bdf8;border-right:3px solid #38bdf8;border-radius:8px 0 0 8px}.status-badge{position:fixed;bottom:24px;right:24px;background:#10b981;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;box-shadow:0 4px 12px #10b9814d;z-index:9999;animation:slideUp .3s ease forwards}@keyframes slideUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-mobile-header{display:none}@media(max-width:1024px){.admin-layout{flex-direction:column}.admin-sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);z-index:1001;box-shadow:20px 0 30px #00000080}.admin-sidebar.open{transform:translate(0)}.admin-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#1e293b;border-bottom:1px solid rgba(255,255,255,.05)}.flex-group{flex-direction:column}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999}}