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}:root{--color-gold:#ffd873;--color-white:#f7f7f7;--color-grey:#97a1a2;--color-dark:#363636;--color-teal:#2e605d;--color-dark-90:#363636f2;--color-dark-80:#363636cc;--color-teal-90:#2e605de6;--color-teal-50:#2e605d80;--color-teal-30:#2e605d4d;--color-teal-20:#2e605d33;--color-teal-10:#2e605d1a;--color-grey-10:#97a1a21a;--color-gold-70:#ffd873b3;--color-gold-50:#ffd87380;--color-gold-30:#ffd8734d;--color-gold-20:#ffd87333;--color-gold-10:#ffd8731a;--color-white-10:#f7f7f71a;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #0003;--shadow-lg:0 8px 16px #0000004d;--shadow-xl:0 20px 40px #00000080}*{box-sizing:border-box;margin:0;padding:0}.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000;border-bottom:1px solid #f7f7f71a;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);height:72px;left:0;right:0;top:0}.header nav{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem}.header ul{display:flex;gap:2rem;list-style:none}.header a{color:#f7f7f7;color:var(--color-white);font-weight:500;text-decoration:none;transition:color .3s ease}.header a:hover{color:#ffd873;color:var(--color-gold)}body{background-color:#030303;color:#f7f7f7;color:var(--color-white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}.page-section{position:relative;z-index:2}.header{position:fixed;z-index:1000}.content-item,.modal-content,.project-tile,.skill-category,.writing-item{position:relative;z-index:2}.pagination{background:#0000;position:relative;z-index:10}.content-item:after,.project-tile:after,.skill-category:after,.writing-item:after{background:#0000004d;border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}.footer{position:relative;z-index:2}body:after,body:before{content:"";pointer-events:none;position:fixed;z-index:1}body:before{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1e1e1ed9;inset:0}body:after{background:radial-gradient(circle at 0 50%,#2e605d66 0,#0000 70%);left:0}.App:before,body:after{height:100vh;mix-blend-mode:screen;top:0;width:45vw}.App:before{background:radial-gradient(circle at 100% 50%,#ffd87333 0,#0000 70%);content:"";pointer-events:none;position:fixed;right:0;z-index:-1}.App{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.main-content{flex:1 1;margin-top:72px}.main-content,.page-section{display:flex;flex-direction:column}.page-section{border-bottom:1px solid #f7f7f71a;justify-content:center;min-height:auto;padding:4rem 2rem}.projects{margin:0 auto;max-width:1200px;padding:2rem 0;position:relative;width:100%}.projects-header{margin-bottom:3rem;text-align:center}.projects-header h1{color:#ffd873;color:var(--color-gold);font-size:2.5rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 2px 4px #0003}.projects-header p{font-size:1.1rem}.projects-header p,.projects-stats{color:#97a1a2;color:var(--color-grey)}.projects-stats{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:2rem;text-align:center}.projects-pagination{align-items:center;background:#0000;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#404040;border-radius:4px}::-webkit-scrollbar-thumb{background:#666;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#888}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#3d3d3d;border-radius:3px;margin:.5rem 0}.modal-body::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#888}.hero{display:flex;flex-direction:column;gap:2rem;justify-content:center;margin:0 auto;max-width:1200px;width:100%}.hero-header{margin:0 auto;max-width:800px;text-align:center}.hero-header h1{font-size:3.5rem;line-height:1.2;margin-bottom:.75rem}.hero-header p{color:#b0b0b0;font-size:1.25rem;white-space:nowrap}.hero-content{flex-direction:row;gap:3rem;margin:0 auto;max-width:1000px;width:100%}.hero-content,.hero-image{align-items:center;display:flex}.hero-image{justify-content:center}.hero-profile-image{border-radius:50%;box-shadow:0 4px 6px #0000001a;height:300px;object-fit:cover;width:300px}.hero-about{color:#b0b0b0;flex:1 1;font-size:1.1rem;line-height:1.6}.project-tiles{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);justify-items:center;margin:0 auto 2rem;max-width:1200px;width:100%}.pagination .pagination-btn{align-items:center;background:#1e1e1ebf;border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.pagination .pagination-btn:hover:not(:disabled){background:#1e1e1ee6;border-color:#ffd8734d;border-color:var(--color-gold-30)}.pagination .pagination-btn:disabled{background:#1e1e1e80;cursor:not-allowed;opacity:.6}.pagination .pagination-pages{align-items:center;display:flex;gap:.5rem}.pagination .pagination-page{background:#1e1e1ebf;border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:8px;color:#f7f7f7;color:var(--color-white);cursor:pointer;font-size:.9rem;font-weight:500;min-width:44px;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.project-tile{--mouse-x:0;--mouse-y:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2e605d33;background:var(--color-teal-20);border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:12px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);cursor:pointer;isolation:isolate;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.project-tile:before{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),#ffd8731a,#0000 40%);background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),var(--color-gold-10),#0000 40%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.project-tile:hover{border-color:#ffd8734d;border-color:var(--color-gold-30);box-shadow:0 8px 16px #0000004d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.project-tile:hover:before{opacity:1}.project-tile h3{color:#ffd873;color:var(--color-gold);font-size:1.25rem;margin-bottom:.5rem}.project-tile p{color:#f7f7f7;color:var(--color-white);font-size:.9rem;margin-bottom:1rem}.about{margin:0 auto;max-width:1200px;width:100%}.about-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;padding-bottom:2rem}.skills-section{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#1e1e1ebf;border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:12px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);padding:2rem}.skills-section h2{color:#ffd873;color:var(--color-gold);font-size:2.5rem;font-weight:600;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px #0003}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-category{--mouse-x:0;--mouse-y:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2e605d33;background:var(--color-teal-20);border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:12px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);isolation:isolate;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.skill-category:before{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),#ffd8731a,#0000 40%);background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),var(--color-gold-10),#0000 40%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.skill-category:hover{border-color:#ffd8734d;border-color:var(--color-gold-30);box-shadow:0 8px 16px #0000004d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.skill-category:hover:before{opacity:1}.skill-category h3{color:#ffd873;color:var(--color-gold);font-size:1.25rem;margin-bottom:1rem;position:relative;z-index:2}.skill-category ul{list-style:none;position:relative;z-index:2}.skill-category li{color:#f7f7f7;color:var(--color-white);font-size:.9rem;margin-bottom:.5rem;transition:color .3s ease}.contact-section{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1e1e1ebf;border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:12px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:2rem;isolation:isolate;overflow:hidden;padding:2rem;position:relative}.contact-section h2{color:#ffd873;color:var(--color-gold);font-size:2.5rem;font-weight:600;margin-bottom:1rem;position:relative;text-shadow:0 2px 4px #0003;z-index:2}.contact-section p{color:#f7f7f7;color:var(--color-white);font-size:1.1rem;position:relative;z-index:2}.social-links{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:2}.social-links a{align-items:center;background:#2e605de6;border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:8px;color:#f7f7f7;color:var(--color-white);display:flex;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-links a:hover{background:#2e605d;border-color:#ffd8734d;border-color:var(--color-gold-30);box-shadow:0 4px 8px #0003;box-shadow:var(--shadow-md);transform:translateY(-2px)}footer{align-items:center;background:linear-gradient(90deg,#2e605d99,#000 30%,#000 70%,#ffd87399);border-top:1px solid #f7f7f71a;color:#b0b0b0;display:flex;font-size:.9rem;height:56px;justify-content:center;padding:1rem;position:relative;text-align:center;z-index:2}.highlight{color:#ffd873;font-weight:600}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-stack span{background:#2e605d4d;border:1px solid #ffd87333;border-radius:20px;color:#f7f7f7;font-size:.8rem;padding:.25rem .75rem}@media (max-width:1024px){.project-tiles{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.about-content{grid-template-columns:1fr}.hero-content{flex-direction:column}.hero-about,.hero-content{text-align:center}.hero-header h1{font-size:2.5rem}.hero-header p{font-size:1.1rem;white-space:normal}}@media (max-width:768px){.header nav{flex-direction:column;gap:1rem}.header ul{gap:1rem}.hero-header h1{font-size:2rem}.hero-profile-image{height:200px;width:200px}.page-section{padding:2rem 1rem}.project-tiles{gap:1.5rem;grid-template-columns:1fr}.project-tiles .project-tile:nth-child(n+4){display:none}.projects-stats{flex-direction:column;gap:.5rem;text-align:center}}.about-header{margin-bottom:2rem}.about-header h1{color:#e0e0e0;font-size:2.5rem;font-weight:600}.about-header h1 .highlight{color:#ffd873}.contact-section a[href^="mailto:"]{color:#ffd873;text-decoration:none;transition:color .3s ease}.contact-section a[href^="mailto:"]:hover{color:#3a8eff;text-decoration:underline}.writing-container{margin:0 auto;max-width:1200px;width:100%}.writing-header{margin-bottom:3rem;text-align:center}.writing-header h2{color:#ffd873;color:var(--color-gold);font-size:2.5rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 2px 4px #0003}.writing-header p{color:#97a1a2;color:var(--color-grey);font-size:1.1rem}.writing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem;width:100%}.writing-item{--mouse-x:0;--mouse-y:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2e605d33;background:var(--color-teal-20);border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:12px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem;isolation:isolate;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.writing-item:before{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),#ffd8731a,#0000 40%);background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),var(--color-gold-10),#0000 40%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.writing-item:hover{border-color:#ffd8734d;border-color:var(--color-gold-30);box-shadow:0 8px 16px #0000004d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.writing-item:hover:before{opacity:1}.writing-item h3{color:#ffd873;color:var(--color-gold);font-size:1.25rem;margin-bottom:.5rem;position:relative;z-index:2}.writing-item p{color:#f7f7f7;color:var(--color-white);font-size:.9rem;margin-bottom:1rem;position:relative;z-index:2}.writing-embed-container{align-items:flex-start;background:#ffffff0d;border-radius:8px;display:flex;flex:1 1;justify-content:center;min-height:200px;overflow:hidden;pointer-events:none;position:relative;width:100%}.writing-thumbnail{border-radius:8px;height:200px;margin-bottom:1rem;object-fit:cover;width:100%}.writing-empty,.writing-error,.writing-loading{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#1e1e1ebf;border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:12px;color:#97a1a2;color:var(--color-grey);font-size:1.1rem;padding:2rem;text-align:center}.writing-skeleton{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem;width:100%}.writing-skeleton-item{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#1e1e1ebf;border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.skeleton-image{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#2e605d33 25%,#2e605d4d 50%,#2e605d33 75%);background:linear-gradient(90deg,var(--color-teal-20) 25%,var(--color-teal-30) 50%,var(--color-teal-20) 75%);background-size:200% 100%;border-radius:8px;height:200px;width:100%}.skeleton-title{height:24px;width:80%}.skeleton-text,.skeleton-title{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#2e605d33 25%,#2e605d4d 50%,#2e605d33 75%);background:linear-gradient(90deg,var(--color-teal-20) 25%,var(--color-teal-30) 50%,var(--color-teal-20) 75%);background-size:200% 100%;border-radius:4px}.skeleton-text{height:16px;width:100%}.skeleton-text:last-child{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.writing-error{background:#ff6b6b1a;color:#ff6b6b}.writing-item{cursor:pointer}.writing-stats{align-items:center;border-top:1px solid #f7f7f71a;border-top:1px solid var(--color-white-10);color:#97a1a2;color:var(--color-grey);display:flex;font-size:.85rem;justify-content:space-between;padding-top:1rem}.writing-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1rem}@media (max-width:768px){.writing-grid{grid-template-columns:1fr}.writing-grid .writing-item:nth-child(n+3){display:none}.writing-header{text-align:center}.writing-header h2{font-size:2rem}.writing-stats{flex-direction:column;gap:.5rem;text-align:center}}.content{margin:0 auto;max-width:1200px;padding:2rem 0;width:100%}.content-header{margin-bottom:2rem;text-align:center}.content-header h1{color:#ffd873;color:var(--color-gold);font-size:2.5rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 2px 4px #0003}.content-header p{color:#b0b0b0;font-size:1.1rem}.content-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 0}.search-control{flex:1 1;min-width:200px}.search-input{background:#1e1e1ebf;border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:8px;color:#f7f7f7;color:var(--color-white);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#ffd8734d;border-color:var(--color-gold-30);outline:none}.search-input::placeholder{color:#97a1a2;color:var(--color-grey)}.filter-controls,.sort-controls{display:flex;flex-wrap:wrap;gap:.5rem}.filter-select,.sort-select{background:#1e1e1ebf;border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:8px;color:#f7f7f7;color:var(--color-white);cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease}.filter-select:focus,.sort-select:focus{border-color:#ffd8734d;border-color:var(--color-gold-30);outline:none}.content-stats{color:#97a1a2;color:var(--color-grey);font-size:.9rem;margin-bottom:2rem;text-align:center}.sort-controls{align-items:center;display:flex;gap:.5rem}.sort-controls label{color:#e0e0e0;font-weight:500}.sort-select{background:#1e1e1ebf;border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:8px;color:#f7f7f7;color:var(--color-white);cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.sort-select:focus,.sort-select:hover{background:#1e1e1ee6;border-color:#ffd8734d;border-color:var(--color-gold-30);outline:none}.content-stats{display:flex;gap:1rem}.platform-count{color:#b0b0b0;font-size:.9rem;font-weight:500}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);justify-items:center;margin:0 auto;max-width:1200px;width:100%}.content-item{--mouse-x:0;--mouse-y:0;word-wrap:break-word;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2e605d33;background:var(--color-teal-20);border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:12px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:auto;isolation:isolate;max-width:100%;min-height:300px;overflow:hidden;overflow-wrap:break-word;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;width:100%}.content-item:before{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),#ffd8731a,#0000 40%);background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),var(--color-gold-10),#0000 40%);border-radius:inherit;content:"";inset:0;mix-blend-mode:soft-light;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:3}.content-item:hover{border-color:#ffd8734d;border-color:var(--color-gold-30);box-shadow:0 8px 16px #0000004d;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.content-item:hover:before{opacity:1}.content-item-header{border-bottom:1px solid #555;flex-shrink:0;padding:1rem 1rem .5rem}.content-title{word-wrap:break-word;color:#fff;font-size:1.1rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;margin:0 0 .5rem;overflow-wrap:break-word}.content-meta{align-items:center;color:#b0b0b0;display:flex;font-size:.85rem;gap:1rem}.content-platform{background:#2e605de6;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.content-date{color:#888}.content-item-footer{flex-shrink:0;max-height:150px;overflow:hidden;padding:1rem}.content-description{word-wrap:break-word;color:#b0b0b0;font-size:.9rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin:0 0 1rem;max-width:100%;overflow-wrap:break-word}.content-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#2d2d2d;border-radius:4px;color:#ffd873;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.embed-container{align-items:flex-start;display:flex;flex:1 1;justify-content:center;min-height:200px;overflow:hidden;padding:1rem;width:100%}.content-embed,.embed-container{pointer-events:auto;position:relative;z-index:2}.content-embed{border:none;height:auto;width:auto}.instagram-media,.tiktok-embed{background:#fff!important;border:0!important;border-radius:3px!important;box-shadow:0 0 1px 0 #00000080,0 1px 10px 0 #00000026!important;margin:0 auto!important;max-width:none!important;min-width:auto!important;width:auto!important}.tiktok-embed .tiktok-embed-caption,.tiktok-embed .tiktok-embed-footer,.tiktok-embed .tiktok-embed-promotion,.tiktok-embed [data-e2e=video-desc-text],.tiktok-embed [data-e2e=video-desc],.tiktok-embed:after{display:none!important}.modal-backdrop{align-items:center;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.modal-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#363636f2;border:1px solid #ffd8734d;border-radius:16px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:100%}.modal-header{background:#2d2d2d;border-bottom:1px solid #555;border-radius:14px 14px 0 0;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-close,.modal-header{align-items:center;display:flex}.modal-close{background:#2e605de6;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;height:40px;justify-content:center;transition:background-color .3s ease;width:40px}.modal-close:hover{background:#2e605d}.modal-close svg{color:#fff;height:20px;width:20px}.modal-body{border-radius:0 0 14px 14px;flex:1 1;overflow-y:auto;padding:2rem}.modal-title{color:#e0e0e0;flex:1 1;font-size:2.5rem;margin:0}.modal-description{color:#b0b0b0;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.modal-details{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.modal-text{color:#e0e0e0;font-size:1rem;line-height:1.6}.modal-text ul{list-style-type:disc;margin:.5rem 0;padding-left:1.5rem}.modal-text ul ul{list-style-type:circle;margin:.25rem 0;padding-left:2rem}.modal-text li{margin-bottom:.5rem}.modal-text li:last-child{margin-bottom:0}.modal-image{align-items:flex-start;display:flex;justify-content:center}.modal-image img{border-radius:8px;box-shadow:0 4px 8px #0000004d;height:auto;max-width:100%}.modal-links{display:flex;flex-wrap:wrap;gap:1rem}.modal-links a{align-items:center;background:#2e605de6;border-radius:8px;color:#fff;display:flex;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.modal-links a:hover{background:#2e605d}@media (max-width:768px){.modal-backdrop{padding:1rem}.modal-content{max-height:95vh}.modal-body{padding:1.5rem}.modal-header{padding:15px}.modal-title{font-size:2rem}.modal-details{gap:1.5rem;grid-template-columns:1fr}.modal-links{justify-content:center}}.pagination{gap:1rem;justify-content:center;margin-top:2rem;padding:1rem}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:#1e1e1ebf;border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#1e1e1ee6;border-color:#ffd8734d;border-color:var(--color-gold-30)}.pagination-btn:disabled{background:#555;cursor:not-allowed;opacity:.6}.pagination-pages{align-items:center;display:flex;gap:.5rem}.pagination-page{background:#1e1e1ebf;border:1px solid #f7f7f71a;border:1px solid var(--color-white-10);border-radius:8px;color:#f7f7f7;color:var(--color-white);cursor:pointer;font-size:.9rem;font-weight:500;min-width:44px;padding:.75rem 1rem;transition:all .3s ease}.pagination .pagination-page.active,.pagination-page:hover{background:#1e1e1ee6;border-color:#ffd8734d;border-color:var(--color-gold-30)}.pagination .pagination-page.active{color:#ffd873;color:var(--color-gold)}.pagination .pagination-page.active:hover{background:#1e1e1e;border-color:#ffd87380;border-color:var(--color-gold-50)}@media (max-width:1024px){.content-grid,.project-tiles,.writing-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.content-grid,.project-tiles,.writing-grid{gap:1.5rem;grid-template-columns:1fr}.content-grid .content-item:nth-child(n+3),.project-tiles .project-tile:nth-child(n+4),.writing-grid .writing-item:nth-child(n+3){display:none}.content-controls{align-items:stretch;flex-direction:column;gap:1rem}.content-stats,.projects-stats,.writing-stats{flex-direction:column;font-size:.85rem;gap:.5rem;justify-content:center}.pagination,.sort-controls{justify-content:center}.pagination{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding:.5rem;width:100%}.pagination-btn{font-size:.8rem;justify-content:center;min-width:100px;padding:.5rem 1rem}.pagination-page{font-size:.8rem;min-width:36px;padding:.5rem .75rem}}
/*# sourceMappingURL=main.36b9746f.css.map*/