@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--md-sys-color-primary:#a8c7fa;--md-sys-color-on-primary:#062e6f;--md-sys-color-surface:#1e1e1e;--md-sys-color-on-surface:#e3e3e3;--md-sys-color-surface-container:#282a2c;--md-sys-color-surface-container-high:#333537;--md-sys-color-outline:#8e918f;--md-sys-color-outline-variant:#444746;--glass-bg:#282a2cb3;--glass-border:#ffffff1a;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0000004d;--transition-speed:.3s}@media (prefers-color-scheme:dark){:root{--md-sys-color-primary:#a8c7fa;--md-sys-color-on-primary:#062e6f;--md-sys-color-surface:#1e1e1e;--md-sys-color-on-surface:#e3e3e3;--md-sys-color-surface-container:#282a2c;--md-sys-color-surface-container-high:#333537;--md-sys-color-outline:#8e918f;--md-sys-color-outline-variant:#444746;--glass-bg:#282a2cb3;--glass-border:#ffffff1a;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0000004d}}*{box-sizing:border-box;margin:0;padding:0}html{background-color:#1e1e1e}body{color:var(--md-sys-color-on-surface);background-color:#1e1e1e;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;display:flex}.container{flex-direction:column;gap:1rem;width:100%;max-width:600px;margin-top:2rem;animation:.8s ease-out forwards fadeIn;display:flex}.header{text-align:center;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.logo-container{width:100px;height:100px;box-shadow:var(--shadow-md);background-color:var(--md-sys-color-surface);border:2px solid var(--md-sys-color-surface-container-high);border-radius:50%;margin-bottom:1rem;position:relative;overflow:hidden}.header-title{letter-spacing:-.025em;color:var(--md-sys-color-on-surface);font-size:1.75rem;font-weight:700}.links-container{flex-direction:column;gap:1rem;display:flex}.link-item{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--md-sys-color-on-surface);transition:transform var(--transition-speed) cubic-bezier(.4, 0, .2, 1), box-shadow var(--transition-speed) cubic-bezier(.4, 0, .2, 1), background var(--transition-speed) ease;box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;padding:1rem 1.25rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.link-item:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#fff0 70%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.link-item:hover{box-shadow:var(--shadow-md);background:var(--md-sys-color-surface-container-high);transform:translateY(-3px)scale(1.01)}.link-item:hover:before{opacity:1}.link-item:active{transform:translateY(0)scale(.99)}.link-content{align-items:center;gap:1rem;width:100%;display:flex}.link-icon{color:var(--md-sys-color-primary);flex-shrink:0;font-size:1.5rem;transition:transform .3s}.link-item:hover .link-icon{transform:scale(1.1)rotate(-5deg)}.link-image-container{border-radius:4px;flex-shrink:0;width:24px;height:24px;transition:transform .3s;position:relative;overflow:hidden}.link-image{object-fit:contain}.link-item:hover .link-image-container{transform:scale(1.1)rotate(-5deg)}.link-title{text-align:center;flex-grow:1;padding-right:2.5rem;font-size:1rem;font-weight:500}.email-item{border:2px solid var(--md-sys-color-primary);background:var(--md-sys-color-surface-container);margin-top:1rem}.email-content{justify-content:flex-start;align-items:center}.email-text-container{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.email-title{text-align:left;color:var(--md-sys-color-outline);margin-bottom:.125rem;padding-right:0;font-size:.85rem}.email-address{color:var(--md-sys-color-primary);font-size:.95rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.links-container>:first-child{animation:.5s ease-out .1s both fadeIn}.links-container>:nth-child(2){animation:.5s ease-out .2s both fadeIn}.links-container>:nth-child(3){animation:.5s ease-out .3s both fadeIn}.links-container>:nth-child(4){animation:.5s ease-out .4s both fadeIn}.links-container>:nth-child(5){animation:.5s ease-out .5s both fadeIn}.links-container>:nth-child(6){animation:.5s ease-out .6s both fadeIn}.links-container>:nth-child(7){animation:.5s ease-out .7s both fadeIn}